2015年9月8日 星期二

[程式] 如何在Blogger中使用SyntaxHighlighter(語法高亮)

最近寫的code越來越長,不太方使用截圖表示,所以在找了在Blogger使用SyntaxHighlighter的方法。綜觀多篇教學文,最簡單的是程式語言教學誌的方法,現抽出重點加以修良如下,完整教學請參考>>這裡<<

使用SyntaxHighlighter的準備:

先到Blogger後台->範本->編輯html
在<head>和</head>之間加入以下編碼:






這裡已整合了23種可標記SyntaxHighlighter的語言,如只想使用其中一種,請參考程式語言教學誌的做法。


在文章中使用SyntaxHighlighter:

在編寫完文章時,進入html模式,在你想要加入code的位置加入以下編碼:
 
/* 你的Code */
/* 程式名或縮寫; *//* 你的Code */填入相應的內容,發表文章後便能看到效果。不過加入SyntaxHighlighter後似乎無法預覽文章,建議在寫好整篇文章後再加入SyntaxHighlighter。

各程式的名稱和縮寫如下(點選程式名稱外連至官方範例):

程式名稱
縮寫
ActionScript3
as3, actionscript3
Bash/shell
bash, shell
ColdFusion
cf, coldfusion
C#
c-sharp, csharp
C++
cpp, c
CSS
css
Delphi
delphi, pas, pascal
Diff
diff, patch
Erlang
erl, erlang
Groovy
groovy
JavaScript
js, jscript, javascript
Java
java
JavaFX
jfx, javafx
Perl
perl, pl
PHP
php
Plain Text
plain, text
PowerShell
ps, powershell
Python
py, python
Ruby
rails, ror, ruby
Scala
scala
SQL
sql
Visual Basic
vb, vbnet
XML
xml, xhtml, xslt, html, xhtml

沒有留言 :

張貼留言