如何在部落格上使用程式碼
使用的是 Highlight.js
裡面提供很多語言的上色與 CSS Style可以使用。
進入部落格後台點擊範本選擇編輯 HTML 。
然後把這三行程式碼貼在<head>之後的範圍中。
<link href="http://yandex.st/highlightjs/7.2/styles/sunburst.min.css" rel="stylesheet"></link>
<script src="http://yandex.st/highlightjs/7.2/highlight.min.js" type="text/javascript">
<script type='text/javascript'>hljs.initHighlightingOnLoad();</script> 
然後儲存範本就可以開始使用程式碼上色了。
程式語言上色範例可以參考上方連結。
如果要改背景風格
可以在參考網頁中Style選擇喜歡的再把紅色標註名稱換為Style 名稱
<link href="http://yandex.st/highlightjs/7.2/styles/sunburst.min.css" rel="stylesheet"></link>在你要上色的程式碼在HTML模式中 使用<pre><code class="你要的語言標色"></code></pre>。
<pre><code class="java">
//你要上色的程式碼
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_account);
}
</code></pre>
0 意見:
張貼留言