「舊版 Blogger 私密文章」 +Lee Bruce 留言表示:「我覺得大家比較想要的是,類似臉書一樣給特定人士觀看,或是文章使用密碼上鎖的功能。(只讓有密碼的人看)」。原本對這個 idea 能否實現沒什麼頭緒,直到想起網址字串也是能玩很多花樣的。
就像 PICASA 的圖檔網址,夾雜一長串的亂碼,只有知道 "完整網址連結" 的使用者才得以打開圖檔。那麼利用「把密碼加入網址」的概念,就能成功地把隱藏文章分享給知道密碼的人看了。
本篇的私密文章更新版,就是利用以上的 idea 來構思,請參考本文的步驟來安裝。不過由於牽涉到加密演算法,因此無法提供原始碼,這樣的作法跟「Blogger 私密留言」是一樣的。
一、安裝程式碼
在修改範本之前,如果第一次安裝本站工具的讀者,建議先閱讀「備份範本的訣竅」系列文章。
如果安裝過「舊版程式碼」,請先完整移除。
接著請見以下程式碼──
1. 首先到後台 → 範本 → 編輯 HTML → 找到字串 <body ....> 這一行,在其後面一行,插入 A~O 行。
2. 接著搜尋類似以下的字串──
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
小心不要找錯了,上面的第二行有 "date-outer" 字串。
找到這三行後,在其下面一行,插入 Q~Y 行。
3. 不急著存檔,請先對照程式碼的行號──
- B:如果範本中在此行之前已經裝過 jquery (可搜尋看看有沒有 "jquery" 的字串),那麼可刪除此行。
- J:如果部落格有自己設計「404 錯誤頁面」的話,請將網站的「404 頁面網址」填入此行的雙引號內;如果沒有的話,請保持原狀即可。
存檔後即完成安裝,但還沒結束,因為尚未設定 K 行的 "私密文章網址開頭字串"。
「舊版」的 "私密文章網址開頭字串" 直接填入程式碼中,保密性較差一些,會檢視網頁原始碼的人可得知字串為何。此更新版會將網址開頭字串加密,就算看了網頁原始碼也沒用。
而要如何加密此字串,請繼續看如何設定 。
二、加密私密文章網址開頭字串
安裝完程式碼後,第一次開啟部落格會發現,無論是首頁或是文章頁面,文章最後都會出現一個圖示 "Private Post by WFU BLOG",如下圖紅框──
請對著圖示按下去,就會出現「Blogger 私密文章──加密小工具」
請按照指示,輸入英文小寫字母與 "-" 符號的組合,來設定私密文章網址開頭字串。請注意一下:
1. 這個字串要記住,此字串為每篇私密文章的網址開頭字串
2. 最好字串結尾是 "-",避免跟其他非私密文章的網址混淆
3. 如果想重設這個字串,那麼所有設定過的私密文章,網址開頭字串也得重新設定
如上圖,假設我設定了 "prv-" 這個字串,按下「加密」按鈕,會得到一串紅色的加密數字 "007019015067"。
如指示,請將自己的加密數字,打開後台範本後,填入原程式碼 K 行的雙引號之中,儲存後便完成所有的設定,。
之後 "Private Post by WFU BLOG" 這個圖示只會出現在私密文章之中,需要重新設定加密字串、或是將私密文章的網址給別人時,會再用到這個圖示。
三、產生私密文章的方法
接下來示範私密文章如何產生,方法很簡單,開一篇新文章後,在文章編輯的頁面──
如上圖紅色方框,於「文章設定」→「連結」→「自訂永久連結」→ 輸入自訂字串開頭的網址字串。
如果在「二、加密私密文章網址開頭字串」設定的字串為 "prv-",以上圖的文章為例,文章網址字串 "prv-future-forecast" 符合規則,此篇文章就能自動成為 "私密文章",只有以站長身份進入部落格,才能看到該篇文章。
想要測試一下的話,這篇私密文章網址為──
是不是看不到這篇文章啊?這個展示頁面必須解釋一下,其跳轉速度比較慢,甚至看到文章標題後才會跳轉(只是為了展示效果),這是因為該頁面的安裝程式碼沒有按照本文,將第一部份的程式碼安裝在 </head> 之前,導致程式碼執行的位置比較後面。如果讀者按照說明安裝的話,那麼頁面還沒讀取出來之前就會跳轉到錯誤頁面,因此是不用擔心的。
四、如何把私密文章給別人看
方法也是很簡單,首先進入該篇私密文章,會看到右下角的圖示 "Private Post by WFU BLOG"──
A. 按下紅框的圖示後,會出現下方的「加密小工具」。
B. 小工具會自動產生該篇私密文章的加密網址,如圖中的紅字字串,只要把這個字串給別人,知道這個網址的人就算不是站長身份,也能看到這篇私密文章。
試試看吧,現在你可以看到這篇文章了──
由於篇幅的關係,本篇只敘述使用說明的部分。不過還有一些重點需要知道,請繼續閱讀下一篇「Blogger 私密文章更新版__注意事項及使用技巧」。
私密文章相關系列:
版主您好--請問blogger會不會有隱藏留言的功能呢(像是yahoo的部落格之前就有隱藏留言的功能)
回覆刪除可以幫我看看嗎? 沒有看見 二、加密私密文章網址開頭字串 的圖示
回覆刪除板主您好, 有疑問請教,部落格平時都是用加密鎖文,但最近卻發現按密碼的“確定”鍵無法按,導致文章根本輸入密碼之後,無法進行確定而不能打開,請問是哪裡出問題了呢 (有可能是因為我曾把網頁背景改掉的緣故嗎?但我並沒動文章阿)感謝
回覆刪除這只要瀏覽器開啟不支援 JavaScript 就沒用了
回覆刪除真的要搞加密,方向要反過來。
原始文章儲存的不能是明碼,透過 JavaScript 反解析才對。
把原本明的東西透過 JavaScript 瞬間藏起來這招在現代瀏覽器下已經沒有用處了。禁用 JavaScript 就曝光了
不好意思,我在範本中完成了第一步驟,卻沒在網誌中發現"Private Post by WFU BLOG"的圖示,這是網址,可以幫我看看哪裡出錯了嗎?https://ucnana.blogspot.com/
回覆刪除那如果想要讓別人輸入密碼後看到自己加密的文章還有什麼辦法?我是想用成可以在網誌裡面搜尋到文章標題,但要輸入密碼才能看到內容的那種,有什麼推薦的文章嗎?在網路上看到有人介紹http://www.vincentcheung.ca/jsencryption/old.html這個網站,但介紹網站的版主彈出"請輸入密碼"的視窗的連結也失效了,比如說這個http://joshnote.blogspot.com/2007/03/javascript.html(我應該是跟那篇文章下的訪客,吊子1/2,有一樣的問題,原本想說是不是功能太舊了現在不支援,但為什麼在http://veenix.blogspot.com/2006/07/encrypted-blog-posts.html就沒有問題。
刪除希望你能理解我的意思,謝謝。