讓文章中加入程式語法

日期：
在blogger中要加入程式語法其實一點也不難，只要掌握幾個重點：
1.你至少要知道怎麼修改css
    在"設計"中找到修改HTML的功能直接在裡面編輯一個專屬於程式語法用的class，我就取名為code夠明白吧！
然後在裡面貼上css的語法，如下：
.code{
  background:#dfdfdf;
  color:#333333;
  padding:5px;
  border:1px solid #000;
}

2.基本上blogger基於安全性理由是不會直接讓你貼上程式語法在前台中顯示的，所以我們要先經過轉碼，線上轉碼的網址：http://www.opinionatedgeek.com/DotNet/Tools/HTMLEncode/Encode.aspx
經過轉碼以後，再貼到"修改HTML"中對應的位置，記得要用pre標籤和 class=code包起來喔
如下：

經過轉碼後我們看到的內容是長這樣的
<pre class="code">
這邊可以貼上語法<b>不會被處理掉</b>
</pre>

把這個內容貼到編輯器中他會自動幫我們轉回來變成
<pre class="code">
這邊可以貼上語法<b>不會被處理掉</b>
</pre>

留言

張貼留言