最近一些朋友在我這邊留言, 貼出來的結果常常不如預期. 我也是過來人, 很清楚他們雖然都是 programmer, 但其實對 HTML 並不熟悉. 就跟我一開始寫這個 blog 的時候一樣. 現在的我當然比以前好多了, 勉強還有一兩樣東西可以拿出來與其他人分享.

先來點基本介紹. 在 WordPress 的系統下¹, 寫文章不用 WYSIWYG 編輯器或是寫留言的時候, 輸入的東西基本上是 HTML . 說基本上的原因是它會幫你插入換行 (<br />)以及分段 (<p></p>). 當你寫下這樣的文字:

第一段第一行
第一段第二行

第二段

WordPress 會幫你轉成類似下面這樣的 HTML code:

<p>
第一段第一行<br />
第一段第二行
</p>
<p>
第二段
</p>

於是在 summit 之後, 網頁的排版看起來就跟輸入的時候一樣. 但是… 就我所知, 它幫你做的就謹此而已. 不要忘了, 輸入的文字基本上是 HTML, 而不是任意的文字.

這裡提供幾個小方法, 應該能解決最近留言朋友的困擾.

>>Code<<

要在 HTML 裡面插入一段 code. 尤其是用到 include and/or template 的 C++ code 一定會遇到麻煩. 除了 code 的格式 (如內縮等) 不會被保存下來, 更糟糕的是 template 的語法大量用到小於 (<) 與大於 (>) 兩個符號. 而這種格式的東西正好與 HTML 的 tag 強碰. 運氣好的話, < > 兩個符號與中間的東西消失掉也許還不是太嚴重. 運氣不好的話, 套句 C/C++ 的術語, 將會導致 undefined behavior :P.

一個有用的作法² 是以兩對 HTML tag 把 code 包起來:

<pre><code>

#include 
int main()
{
  std::cout << "hello world" << std::endl;
  return 0;
}

</code></pre>

>>引述<<

引述他人文字時, 別自己做苦工在貼了過來的文字前面加大於 (>) 符號. 這方法除了辛苦, 也不能在字體或 browser 視窗大小改變時保持排版的正確. 引述時請用 <blockquote> 與對應的 </blockquote> 這對 tag 把引述的文字包在裡面:

<blockquote>
最近一些朋友在我這邊留言, 貼出來的結果常常不如預期. 我也是過來人, 很清楚他們雖然都是 programmer, 但其實對 HTML 並不熟悉. 就跟我一開始寫這個 blog 的時候一樣. 現在的我當然比以前好多了, 勉強還有一兩樣東西可以拿出來與其他人分享.
</blockquote>

看起來會像是:

最近一些朋友在我這邊留言, 貼出來的結果常常不如預期. 我也是過來人, 很清楚他們雖然都是 programmer, 但其實對 HTML 並不熟悉. 就跟我一開始寫這個 blog 的時候一樣. 現在的我當然比以前好多了, 勉強還有一兩樣東西可以拿出來與其他人分享.

>>其他建議<<

註冊一個帳號, 就可以在 30 分鐘內修改用該帳號寫的留言. 就不會發生留言貼出去才發現沒寫好又再留一次 (或好幾次 XD) 的尷尬狀況.

1. 其他的 blog 軟體或許也類似 [↩]
2. 我絕對不是 HTML 的行家, not even close. 這些只是我自己在用, 可以 work 的方法. [↩]