如何在 blogspot 中,使用 syntax highlighter 3.x

執行修改範本[ 範本 -> 修改HTML -> 繼續],進入後勾選[展開小裝置範本]:

在 <head></head> 之間,加入以下 script 宣告 <!– 設定需要載入的 script –> <script src=”https://sites.google.com/site/sharedvito/syntaxhighlighter3x/shCore.js” type=”text/javascript”></script> <script src=”https://sites.google.com/site/sharedvito/syntaxhighlighter3x/shBrushXml.js” type=”text/javascript”></script> <script src=”https://sites.google.com/site/sharedvito/syntaxhighlighter3x/shBrushCss.js” type=”text/javascript”></script> <script src=”https://sites.google.com/site/sharedvito/syntaxhighlighter3x/shBrushJScript.js” type=”text/javascript”></script> <script src=”https://sites.google.com/site/sharedvito/syntaxhighlighter3x/shBrushCSharp.js” type=”text/javascript”></script> <script src=”https://sites.google.com/site/sharedvito/syntaxhighlighter3x/shBrushVb.js” type=”text/javascript”></script> <script src=”https://sites.google.com/site/sharedvito/syntaxhighlighter3x/shBrushSql.js” type=”text/javascript”></script> <link href=”https://sites.google.com/site/sharedvito/syntaxhighlighter3x/shCore.css” type=”text/css” rel=”stylesheet” /> <link href=”https://sites.google.com/site/sharedvito/syntaxhighlighter3x/shThemeDefault.css” type=”text/css” rel=”stylesheet” />

<script src=”https://sites.google.com/site/sharedvito/blogfile/blog.js” type=”text/javascript”></script>

<!– 設定啟用 highlighter –> <script type=”text/javascript”> SyntaxHighlighter.config.bloggerMode = true; SyntaxHighlighter.defaults[‘toolbar’] = false; //隱藏問號按鈕 SyntaxHighlighter.all() </script> ## 參考資料

在 blogspot 在標籤頁或搜尋頁中,如何只顯部分內容

首先在修改範本中,找到下行資料

<b:include data='post' name='post'/>

將上行資料,以下面資料取代

<b:if cond='data:blog.homepageUrl != data:blog.url'>    <b:if cond='data:blog.pageType != "item"'>      <!-- Show article title only -->      <div class='post-title'>      <ul><li><a expr:href='data:post.url'><span style='color: #40007f; font-size: 18px; font-family: 微軟正黑體;'><data:post.title/></span></a></li></ul>      </div>      <div class='item-snippet'><data:post.snippet/></div><br/>    <b:else/>    <b:include data='post' name='post'/>
</b:if>  <b:else/>  <b:include data='post' name='post'/>
</b:if>