關於cnblogjs代碼的信息

本文目錄一覽：

• 1、噹噹聯盟的推廣代碼怎麼設置到新浪博客的頁面？
• 2、怎樣在博客園的博客head里添加css和js引用呢
• 3、如何在博客園中 調用 外部js文件
• 4、cnblogs怎麼加css樣式

噹噹聯盟的推廣代碼怎麼設置到新浪博客的頁面？

博客是可以做為噹噹聯盟的推廣站，但新浪博客不允許放置js代碼，噹噹聯盟的代碼是js代碼

怎樣在博客園的博客head里添加css和js引用呢

沒有辦法在head里添加JS引用 對於CSS引用，雖然無法將文件添加到head里，但是通過[管理 – 選項 – 配置 – 通過CSS定製頁面]可以自己寫CSS代碼，這裡的代碼會添加到head中一個CSS的文件引用中 , 如果不限制head里的話，倒是可以通過「頁腳Html代碼」和「頁首Html代碼」來添加到頁首或頁尾 一般，對於CSS，可以使用上面我說的那個地方去定製CSS，而JS，可以添加到頁尾，一方面添加到頁首可能會影響到doctype聲明，另一方面添加到頁尾也有利於頁面的性能(performance)

如何在博客園中 調用 外部js文件

1、將你的js文件上傳到博客園，地址：網頁鏈接

2、博客園申請js權限，在設置網頁鏈接中，加入外部js連接即可

cnblogs怎麼加css樣式

0 獲取權限

首先，在自定一個博客樣式之前，我們需要進入博客園自定義博客模板的頁面，向博客園管理團隊申請頁面運行js的權限。【博客園】-【設置】-【博客設置】，點擊頁面上的js權限申請，然後填寫申請的理由，耐心等幾分鐘，再刷新一下，頁面就會顯示支持js代碼 。

1 美化文章標題

在【博客設置】頁面中的【頁面定製css代碼】框中輸入下面的css代碼即可完成文章標題的美化的。

#cnblogs_post_body{

color: black;

font: 0.875em/1.5em “微軟雅黑” , “PTSans” , “Arial” ,sans-serif;

font-size: 15px;}#cnblogs_post_body h1    {

background: #333366;

border-radius: 6px 6px 6px 6px;

box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);

color: #FFFFFF;

font-family: “微軟雅黑” , “宋體” , “黑體” ,Arial;

font-size: 23px;

font-weight: bold;

height: 25px;

line-height: 25px;

margin: 18px 0 !important;

padding: 8px 0 5px 5px;

text-shadow: 2px 2px 3px #222222;}#cnblogs_post_body h2    {

background: #006699;

border-radius: 6px 6px 6px 6px;

box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);

color: #FFFFFF;

font-family: “微軟雅黑” , “宋體” , “黑體” ,Arial;

font-size: 20px;

font-weight: bold;

height: 25px;

line-height: 25px;

margin: 18px 0 !important;

padding: 8px 0 5px 5px;

text-shadow: 2px 2px 3px #222222;}#cnblogs_post_body h3    {

background: #2B6695;

border-radius: 6px 6px 6px 6px;

box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);

color: #FFFFFF;

font-family: “微軟雅黑” , “宋體” , “黑體” ,Arial;

font-size: 18px;

font-weight: bold;

height: 25px;

line-height: 25px;

margin: 18px 0 !important;

padding: 8px 0 5px 5px;

text-shadow: 2px 2px 3px #222222;}#cnblogs_post_body h4{

background: #2B6600;

border-radius: 6px 6px 6px 6px;

box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);

color: #FFFFFF;

font-family: “微軟雅黑” , “宋體” , “黑體” ,Arial;

font-size: 16px;

font-weight: bold;

height: 24px;

line-height: 23px;

margin: 12px 0 !important;

padding: 5px 0 5px 10px;

text-shadow: 2px 2px 3px #222222;}

要注意的是，下面的 【禁止模板默認css】這個複選框不要勾選，因為我們僅僅只自定義了文章標題，其他的標籤要靠默認的樣式才行。上面的這段定義文章標題樣式的代碼是從這位數據之巔大牛的博客頁面中趴下來的。點擊【保存】，然後刷新一下博客文章頁面，文章的標題就進行美化了，效果如下。

2 完美顯示Latex的數學公式

默認的博客文章對Latex的數學公式是無法顯示，想要在文章添加一些數學公式，都是採用截圖的方式，比較麻煩。但是在網上找到一個解析Latex公式的利器MathJax，只需要在博客頁面中添加MathJax.js就能完美的解析Latex格式的數學公式。

在博客設置頁面中的【頁首Html代碼】框中輸入如下js代碼。

script type=”text/x-mathjax-config”

MathJax.Hub.Config({tex2jax: {inlineMath: [[‘$’,’$’], [‘\\(‘,’\\)’]]}});/scriptscript type=”text/javascript”

src=””/script

點擊【保存】，再刷新一下頁面，如果頁面中包含Latex語法公式，那麼就能夠進行顯示。如，在文章有如下的內容，其中含有Latex語法公式。

在頁面中顯示的效果如下：

3 增添目錄索引和末尾固定信息

增添目錄索引和末尾的固定信息（如何聲明版權）需要自定js和css樣式，並且還要添加一個公共的bootstrap.js文件，地址為：。其中增添目錄的索引的mystyle.js、 末尾固定信息的腳本mycnblogs.js 和一個樣式文件mystyle.css，都已經從數據之巔這裡趴下來了，對文件中的部分代碼進行修改，以便可以達到我的要求，下面列舉文件中的修改地方。

mycnblogs.js

$(document).ready(function(){

$(“div id=’toTop’style=’zoom:0;’/div”).appendTo($(“body”)).bind(“click”, function(){

$(“body,html”).animate({ scrollTop: 0 }, 150);

});

$(‘#cnblogs_post_body pre’).find(‘code’).parent().css({‘border’:’dashed 1px #aaa’,’border-left’:’solid 2px #6CE26C’});

!–修改的地方–

$(“#cnblogs_post_body”).append(‘br /hr /pre感謝您的閱讀，如果您覺得閱讀本文對您有幫助，請點一下「b推薦/b」按鈕。本文歡迎各位轉載，但是轉載文章之後b必須在文章頁面中給出作者和原文連接/b。/pre’);});

這裡只修改了我文章末尾需要添加的固定信息。

mystyle.js

var u = $(this),

v = u[0];var title=u.text();var text=u.text();u.attr(‘id’, ‘autoid-‘ + l + ‘-‘ + m + ‘-‘ + n)        

if (v.localName === ‘h2’) {

l++;

m = 0;

if(text.length30) text=text.substr(0,30)+”…”;

j += ‘lia href=”#’ + u.attr(‘id’) + ‘” title=”‘ + title + ‘”‘ + text + ‘/aspan class=”sideCatalog-dot”/span/li’;} else if (v.localName === ‘h3’) {

m++;

n = 0;

if(q){

if(text.length28) text=text.substr(0,28)+”…”;

j += ‘li class=”h2Offset”a href=”#’ + u.attr(‘id’) + ‘” title=”‘ + title + ‘”‘ + text + ‘/aspan class=”sideCatalog-dot”/span/li’;

}}else if (v.localName === ‘h4’) {

n++;

if(r){

j += ‘li class=”h3Offset”a href=”#’ + u.attr(‘id’) + ‘” title=”‘ + title + ‘”‘ + u.text() + ‘/a/li’;

}}

在這個文件中，我只需要提取h2,h3,h4這三個標題作為目錄就行了，因為我寫文章一般沒有設置h1標籤，個人覺得它的字體太大了。

把相應的js和css文件趴下來進行修改，然後上傳，隨便上傳到哪 ，只要能夠被訪問就行了。我直接上傳到博客園的文件空間中，上傳之後，在博客設置頁面中的【頁腳Html代碼】框中輸入如下js代碼。

script src=””/scriptlink href=”” rel=”stylesheet”script type=”text/javascript” src=””/scriptscript type=”text/javascript” src=””/script

點擊【保存】，頁面的效果如下。