如何張貼加密文章

blogger 的好處就是彈性大，彈性大意味什麼功能都要自己來 -__- 相當符合我這愛自幹的人生，可是我討厭寫網頁…

1. 先下載一個必備的 javascript 檔 ，並找一個網頁空間上傳，或是人客妳/你覺得跟我很熟，願意跟我一起用同一個檔案 XD 那就請複製這個連結 http://Keiko.Zhou.googlepages.com/blogjscrypt.js
2. 登入妳/你的 blog，編輯 blogger 的 template ，如下圖：
   
3. 為了怕搞壞現有的 blog 樣式，可以先備份一下，俗話說：小心駛得萬年船。備份是種 common sense -__- 點一下下圖的下載完整模板就可以備份資料了。
   
4. 將以下程式碼貼到 template 去（src 描述的位置，就是在步驟 1 上傳的位置）：

   <script language="JavaScript" src="http://Keiko.Zhou.googlepages.com/blogjscrypt.js">

   貼的位置可以參考下圖，放到紅色框框處。
   
5.   儲存範本。
   
6. 以後呢，只要想發表加密文章時，只需要按照步驟 6 即可。請先到這個網站輸入密碼與要加密的文章。Key 的地方輸入密碼、Plain Text 的地方輸入要加密的文字，然後按下圖紅框的 Encrypt 加密。 
      
   然後在更下方的 Cipher Text 就會出現已經加密好的密文，請複製這些密文。快速複製可暗 Cipher Text 下的 Select 按鈕。
   
7. 加上一個步驟複製下的密文，貼到文章裡頭，貼法有兩種，但都需要進入 html 編輯模式。下圖分別是 blogger 線上編輯以及 Windows Live Writer 的 HTML 模式進入方式。
     
   
   進入後，請貼上以下程式碼：
   

   <a href="javascript:Decrypt_text('請輸入一個 unique_id ');">Click to Decrypt text</a>
   
   <div id="unique_name">這邊貼上內容在步驟 6 複製來的密文(例如:wRxSwskrWsmohc1...之類的文字)</div>

   
   或是貼上
   

   <a href="javascript:Decrypt_text('unique_name', '這邊貼上內容在步驟 6 複製來的密文(例如:wRxSwskrWsmohc1...之類的文字)');">Show encrypted text</a>
   
   <div id="請輸入一個 unique_id "></div>

   
   請注意請輸入一個 unique_id 要輸入一個跟其他 html tag 不衝突的 id ，通常隨便取是不會衝突的，同篇文章有兩個以上的加密區塊時，記得也要取不同的名字唷！
8. 大功告成。下圖分別是上述兩種貼法的結果，一個會顯示加密後的密文、一個不會。
   

參考資料

1. [Javascript] Encrypt your private blog post

2. 【Blogger】火星文加密大法!!

3. Blogger Hack 密碼保護文產生器(2/7)
   這個參考資料還提供一個小工具簡化一下步驟。