Bye-Bye 無名，自己架部落格：直接架在 Google 上，GAE、相簿免空部落格自架教學

誰說免費服務就得縮水？三個願望Google可以一次滿足。曾經紅極一時的無名小站和Yahoo!奇摩部落格最近關門大吉了，措手不及的部落客只好紛紛轉入其它網誌。然而由於前車之鑑，雖然Xuite隨意窩等合作平台提供輕鬆搬家服務，我們心中難免惴惴不安：擔憂「新家」遲早也會步無名和奇摩的後塵。本文介紹的個人網站程式皆依託Google App Engine（Google應用服務引擎，簡稱：GAE），非常可靠、穩定，使用者無須購買代管方案。Bye-bye，無名，你準備好迎向Google了嗎？Google App Engine 特色： Google App Engine每月免費供應大約5百萬次的頁面瀏覽，足以承擔個人網站之負荷，其用法非常簡單：只需下載應用程式並上傳至GAE空間，再進行簡單設定，你的網站便可正式開張。1.至「http://appengine.google.com」網站，以Google帳密登入。2.然後按一下〔Create Application〕按鈕，建立一個GAE服務。3.GAE需要驗證你的帳戶，可點選以「簡訊」（手機）或「語音通話」（手機或市內電話）接收驗證碼，再從「國家/地區」下拉選單上點選你的門號所屬國並輸入「電話號碼」。4.最後輸入收到的「驗證碼」並按一下〔確認〕即可。BOX︰Google App Engine SDK for Python軟體小檔案（TO大非：此BOX排成一圖）※使用該工具之前需要安裝Python（http://www.python.org/getit/），不過請勿使用目前Google App Engine SDK for Python尚未支援的Python 3.X版。1.本文介紹的GAE程式均使用Python語言開發，把它們上傳至Google雲端平台的方法不止一種，而比較常用且穩定的方法是透過Google App Engine SDK for Python。第一步，安裝適合你的作業系統的Python。2.第二步應安裝Google App Engine，務必確定GAE安裝精靈上出現「Python 2.7 found.」跟「All pre-requisites found.」提示，否則隨後的部署可能會產生些許麻煩。3.為方便後面的步驟，建議維持「Add product path to user PATH」的預設（勾選）狀態。（後面有 sa3album 相簿）sa3album的前身是diabloimage（https://code.google.com/p/diabloimage/），它藉助GAE伺服器運作，是一套輕量型圖片分享程式，但作為網路相簿應有的功能，舉凡分享、一鍵複製語法、圖片備份等皆一應俱全，甚至還具備防盜連等獨門絕技。sa3album是對岸達人開發的程式，筆者為「密技偷偷報」的讀者朋友自製了繁體中文版，您可依個人需要下載。BOX︰sa3album軟體小檔案1.首先請在你的GAE帳戶為sa3album建立一個「Application Identifier」（簡稱：AppID），本例是「sa3joy」，每個GAE帳號允許建立10個AppID。建議按下〔Check Availability〕以檢查是否可用。然後，輸入一個方便記憶的「Application Title」。2.接著勾選左下方的「I accept these terms.」再按一下〔Create Application〕。3.然後前往「http://hg.sa3.org/sa3album/downloads」，切換至〔Tags〕或〔Branches〕標籤，下載最新版sa3album程式並解壓縮。4.請用作業系統內建的記事本或EmEditor等文字編輯器開啟app.yaml檔案，把「application: sa3album」的「sa3album」改為你在GAE帳戶建立用於sa3album的Application Identifier，範例中是「sa3joy」。5.接下來，請按一下鍵盤上的〔Win〕＋〔R〕快速鍵，於跳出的「執行」對話盒上的「開啟」欄位中輸入「cmd」並按一下〔確定〕。6.開啟「命令提示字元」視窗後，請輸入「appcfg.py update myapp/」指令，「myapp/」表示你的sa3album根目錄，即app.yaml檔案所在目錄。然後按一下〔Enter〕鍵開始執行。7.當提示你填寫「Email」時，應該要輸入申請GAE服務時使用的Gmail地址。Note：若上傳GAE程式時跑出「'appcfg.py' 不是內部或外部命令、可執行的程式或批次檔」，通常是因為安裝Google App Engine時未勾選「Add product path to user PATH」核取方塊。8.密碼不會顯示為「***」，建議直接按右鍵選擇【貼上】，注意僅貼上一次即可。9.待出現「Deployment successful.」提示，說明已成功完成佈署進程。Note：因sa3album使用舊版Python runtime，會跑出一些警示，我們無須理會，使用過程中幾乎不會產生任何問題。 1.開啟「http://AppID.appspot.com」網址，檢視你的相簿有無類似範例所示畫面出現，若沒有的話建議重新佈署。先按下「管理登錄」連結進入控制台。2.請輸入你申請GAE時使用的Google帳密，然後按一下〔登入〕。3.建議先到「系統設定」中，把「網站名稱」變更為你自訂的相簿名。BOX：XnView軟體小檔案1.XnView是綠色軟體，下載並解壓縮，再按兩下「xnview.exe」執行，然後依序按下功能表的【工具】→【批次轉換】。2.按一下〔加入〕或〔加入資料夾〕輸入待處理檔案，從「格式」下拉選單上點選輸出格式，再按右側的〔選項〕按鈕。3.「品質」區域供使用者調整相對於原始圖片的解析度，「最高」為「100」，「最低」是「1」，按下〔確定〕之後返回「批次轉換」對話盒。4.若你的圖片過大，建議切換至〔轉換〕活頁標籤，點選窗格左側的「調整大小」，再按中間的〔加入>〕按鈕。「參數」區域用作調整圖片的尺寸，範例中筆者點選「%」單選按鈕並從〔>>〕選單上選取【50%】，把圖片的寬與高分別調整為原來的一半大小。點左下角的〔開始〕便可依設定值轉換。Note：請務必勾選「維持比例」核取方塊以避免圖片比例失衡。5.轉換成功後〔預覽〕縮圖，其大小已符合sa3album的規定，而圖片品質幾乎沒有明顯降低。6.接下來，筆者準備將「圖片上傳」到sa3album，預設相簿名為【default】，按下「建立相簿」。7.填寫「名稱」欄位後按一下〔儲存〕，建立一個新相簿。8.接著，按〔BROWSE〕選取並按下〔開啟〕來開啟使用者硬碟上的圖片檔。 9.按一下〔開始上傳〕把它們傳到剛才建立的【totalpost】相簿。10.上傳完畢時，若你想刪除某些圖片，則按一下底部的「管理」連結。11.勾選不希望保留的圖檔，並按下底部的〔一鍵刪除〕後將之從sa3album中移除。12.點擊某張圖片右側的「封面」可把它的縮圖設定為相簿的封面。13.sa3album亦支援從其它網站透過「URL上傳」，這樣你便可把將要停止服務的網路相簿裡面的珍貴圖片直接備份到sa3album。14.貼上圖片「地址」以後並按一下〔儲存〕。15.先從下拉選單上「選取相簿」，可輸入新的「檔案名」，最後一個欄位用於填寫備註，按下〔儲存〕把該圖片匯入你的sa3album。然而URL上傳方式雖好，卻無法批次匯入圖片連結，頗為不便，希望開發人員在新版中能改進。Tips：若上傳時跑出「此地址抓取錯誤」，通常是因為未複製正確的圖片地址，建議嘗試後面介紹的右鍵選單方法解決。1.先製作一張嚇阻盜連者的圖片，並上傳至sa3album。然後，從首頁進入警告圖所在相簿。2.找到圖片後，請按右下方的「原始尺寸」。3.【複製】圖片地址最後一個「/」左側的字母、數字或其組合，範例中是「k」。4.進入控制台並按下頂部的「防盜連」，勾選「是否啟用防盜連」，在「容許的網站規則設定」內輸入不顯示警告圖的（白名單）地址規則，並在最後的欄位貼上前面一個步驟複製的圖片ID。今後，貼到不符合白名單規則（黑名單）網站的任何圖片將自動顯示為警告圖。Tips：■每行輸入一條規則，建議至少把自己的sa3album加入白名單，否則，你的全部圖片將被警告圖取代。■防盜連規則以「*」表示任意數目的字串，例如，「*sa3joy.appspot.com*」表示包含「sa3joy.appspot.com」的地址；而「?」則表示任意一個字串，例如，「http://??.wikipedia.org/wiki/Google_App_Engine」可表示「http://zh.wikipedia.org/wiki/Google_App_Engine」或「http://en.wikipedia.org/wiki/Google_App_Engine」。5.接下來，筆者在Facebook上進行防盜連測試：當我未把「*facebook.com*」加入白名單規則時，會彈出該圖片「無法在動態時報上發表」警示。6.而當我把Facebook加入允許名單後，便可順利發表且正常顯示。 Note：論壇或部落格一鍵複製只能選擇一種，否則系統將產生錯誤。若你需要複製另外一種語法，請在控制台重新設定。2.接下來，筆者將測試一鍵複製的用法：勾選圖片旁邊的核取方塊，再按〔一鍵複製〕。3.把它們貼到文字編輯器中，讀者朋友便可檢視地址前後均已加上我設定的論壇BBCode。1.進入「系統設定」，於「樣板」下拉選單上點選【default】並按一下〔儲存〕。2.圖中所示便是原diabloimage相簿的外觀，筆者按下某張圖片測試基本用法。3.舊式樣板的好處是，方便自行選擇〔複製〕何種語法的圖片地址，而非像預設的gallery樣板那樣只能設定一種貼圖語法。1.按下鍵盤上的〔Win〕＋〔R〕，輸入「regedit」並〔確定〕。2.開啟「登錄編輯程式」後，請瀏覽至[HKEY_CURRENT_USERSoftwareMicrosoftInternet Explorer]，在「MenuExt」機碼上按一下右鍵，從選單上依序點選【新增】→【機碼】，並將新機碼命名為「儲存至sa3album」。3.於右側窗格，按兩下「預設值」項目，在「數值資料」欄位輸入「http://AppID.appspot.com/ie/」。4.接著，於【儲存至sa3album】機碼上按一下滑鼠右鍵，從選單上依序點選【新增】→【DWORD值】，並把新數值命名為「contexts」。5.按兩下「contexts」，編輯「數值資料」為「00000002」。Tips：筆者自製了sa3album登錄檔，您可前往「https://app.box.com/s/wfgqcydr86h3tx30hc1g」下載，按兩下匯入系統即可建立IE右鍵選單項目。6.現在，當你想收藏網頁上某張圖片時，只需按一下滑鼠右鍵→【儲存至sa3album】。7.〔儲存〕方法類似前面介紹的URL上傳。8.這張圖片將被存入你指定的sa3album相簿，使用瀏覽器右鍵無須複製圖片地址，適合欲蒐集或備份大量網路圖片的用戶。9.在「登錄編輯程式」中，按一下右鍵選擇【刪除】刪除剛剛建立的「儲存至sa3album」機碼便可移除相關IE右鍵選單項目。 BOX：sa3album upload擴充套件小檔案1.在地址列輸入「about:config」，按一下〔我發誓，我一定會小心的！〕。2.在瀏覽器頁面上任意處按一下滑鼠右鍵，在跳出的選單上點擊【新增】→【布林（Boolean）值】。3.輸入偏好設定名稱為「extensions.checkCompatibility.Firefox版本」，按一下〔確定〕。Tips：建議按下功能表的【說明】→【關於Firefox】查詢瀏覽器版本，例如對於25.1版的Firefox，應輸入「extensions.checkCompatibility.25.1」。4.跳出「輸入真假值的值」對話盒時，請點選【false】，然後按一下〔確定〕。5.參照前述方法，再新增一個【布林（Boolean）值】，命名為「extensions.checkUpdateSecurity」。6.同樣把真假值設定為【false】。現在，你的Firefox 24.0將不再檢查擴充套件的相容性，只要它實際上能用於24.0便可安裝、使用。7.至「http://hg.sa3.org/sa3album/downloads」，按〔Downloads〕標籤內的「sa3album-bookmark.xpi」，Firefox地址列左側若彈出警示，請按一下〔允許〕。8.跑出「軟體安裝」對話盒時，點擊〔立刻安裝〕。9.重啟瀏覽器後，按下功能表的【工具】→【附加元件】。10.切換至〔擴充套件〕，再按下「sa3album upload」的〔選項〕，輸入你用於sa3album的AppID（本例為「sa3joy」）之後，按一下〔確定〕。11.在欲儲存的圖片上按一下滑鼠右鍵，然後在跳出的選單中選擇【Save Image to a3album】，就可以將圖片下載回來並直接上傳到相簿中。12.sa3album upload的用法與IE瀏覽器右鍵選單相似，筆者就不再說明一遍了。 相信各位對2012年初知名免空Megaupload被美國FBI強制關閉事件仍記憶猶新，很擔心自己的網站所用免空步其後塵。且目前免費的空間極少提供檔案的直接下載連結，都必須先等候倒數計時，甚至使用專用工具，根本無法作為個人網站線上播放器的音樂儲存空間。sa3upload可以徹底解決這些問題，筆者為「密技偷偷報」的讀者朋友自製了sa3upload繁體中文版，您可依個人需要下載。BOX︰sa3upload軟體小檔案1.部署sa3upload與剛才部署sa3album的過程差不多，登入GAE帳戶後，按一下〔Create Application〕。2.筆者先輸入一個未曾使用的「Application Identifier」（victoryupload），再為它取一個「Application Title」名稱（sa3upload）。3.然後，下載並解壓縮sa3upload程式，把「app.yaml」檔案內第一行「application: sa3upload」的「sa3upload」改成用於sa3upload的AppID。4.接下來開啟命令提示字元，並輸入「appcfg.py update myapp/」，按一下〔Enter〕。5.部署完畢便可進入「http://AppID.appspot.com」網址。1.開啟你的sa3upload首頁後，按「管理登錄」進入控制台。2.然後，按一下「上傳」開始上傳檔案。3.點擊〔瀏覽〕按鈕開啟使用者硬碟上的檔案，再按一下〔上傳〕即可。BOX：若你的檔案超過10MB，建議先使用WinRAR等壓縮工具切成分割檔，檔案大小應當設定在10MB以內。1.sa3upload無法於上傳之前選取資料夾，因此需要在傳好之後再調整儲存目錄。上傳完畢時，將出現類似範例所示畫面，請按「目錄管理」。2.按一下「新增目錄」連結來新增資料夾。3.輸入「目錄名」及「別名」以後，按一下〔Submit〕送出。Note：「目錄名」是sa3upload介面上顯示的資料夾名稱，「別名」則構成資料夾的連結地址，必須是英文、數字或二者組合，用來避免中文連結產生的問題。4.接著，請按一下「檔案管理」連結。5.找到剛才上傳的檔案，按下其右側的「Edit」。6.從「目錄」下拉選單上點選目錄名稱（別名），按一下〔Save Changes〕把該檔案移至指定位置。Note：「檔案別名」與其載點相關，支援中文、日文等雙位元組字元，建議編輯時保留副檔名，否則你下載的將是缺少副檔名的檔案。1.從sa3upload首頁進入欲下載檔案所在目錄。2.只須點檔案名稱連結便可下載，如果你自己有部落格的話，也可以直接以連結放上網頁，作為背景音樂播放的用途。 無名小站跟Yahoo!奇摩部落格被關閉讓不少網友感到，與其擔心網站停業，不如自己架設。從名字便知，GAE Django CMS（簡稱：GD CMS）是一套架設在Google雲端平台的Django內容管理系統，目前流行的開源內容管理系統（Content Management System，簡稱：CMS）包括Drupal、Joomla!、WordPress、XOOPS等，它們將相關內容集中儲存並具有自訂版面、群組管理、模組擴充等功能，讓你輕鬆簡單就能架一個專屬的部落格。BOX︰GAE Django CMS軟體小檔案內容管理系統好比一套可供裝配網站的部件，假如你希望它看起來像你的個人網站，就有必要進行客製化。WordPress、XOOPS等CMS能夠在安裝之後調整網站外觀，由於本文的Django是GAE程式，無法像一般的CMS那樣透過FTP工具更換檔案，建議在上傳之前先做初步調整，讓你在部署之後，看到的網站大體上就是你的個人網站而非開發人員預設的外觀。1.請下載並解壓縮GAE Django CMS，「/media/images/」資料夾用作儲存網站Logo、我的最愛圖示等檔案，筆者想把favicon.ico換成自己的圖示。2.可以自製一個圖示，或從「http://findicons.com」等圖示寶庫找一個自己喜歡的圖示。3.待傳回搜尋結果，在喜歡的圖示上按一下滑鼠左鍵。4.點擊〔多解析度ICO〕按鈕即可下載，此檔案內含不同尺寸的圖示。5.然後把它更名為「favicon.ico」並取代「/media/images/」中的同名檔案。 更換網站Logo之前，你需要自制一張具有個人風格的圖片，建議大小約為57×57像素的透明正方形。BOX：TopStyle軟體小檔案1.執行TopStyle，依序按下功能表上的【File】→【Open】，開啟「/media/css/main.css」。2.把第4行「background:url('/media/images/gae_logo_cn.gif')」的「gae_logo_cn.gif」改成你的Logo檔案名稱，範例中是「mylogo.png」。3.接著把你自製的「mylogo.png」圖片複製至「/media/images/」資料夾。其它內容可在部署之後，進入管理控制台設定。1.與其它GAE程式一樣，部署之前先為Django CMS建立一個新的AppID。2.務必把app.yaml檔案裡面的「gae-django-cms」改成你的AppID。3.上傳過程與前兩個GAE程式一樣，筆者就不再重複敘述了。 1.GD CMS最大的好處是能夠偵測瀏覽器語系並自動顯示適合使用者的語言，然而它會誤判Internet Explorer 10的語系，而在Chrome、Firefox、Opera等瀏覽器均能正確顯示。進入「http://AppID.appspot.com」，按一下右上方的「用Google帳號安全登錄」連結。Tips：若你發現網站首頁左上方未更換為自己的Logo，或其它自訂項目仍為開發人員預設的內容，請參照前述方法編輯「main.css」及相關檔案並重新部署。2.然後以Google帳密登入Google帳戶。3.待返回網站首頁，請按右側的「Django管理」。4.登入控制台後，按一下「Basesets」右邊的「變更」。5.網站預設的名稱是「Free to me」，按一下以變更為其它名稱。6.接著輸入新的「Title」（標題）和「Subtitle」（副標題），再編輯「Description」（說明），請以半形逗點「,」區隔「Keywords」欄位的關鍵字。7.把「Admin email」改成你的網站管理員電郵，可取消勾選顯示不正常的「Display ngp」（國家地理每日一圖）。最後，請按右下方的〔儲存〕。8.現在，按一下頂部的「Back to sample project」連結返回網站首頁。9.若發現標題等內容仍未改變，建議按右上方的「清空緩存」刪除網站快取。10.GD CMS的其它設定皆可透過「清空緩存」的方法使之立即生效。 1.你是否常常遇到免費相簿不穩定的狀況呢？抑或圖片顯示與網站瀏覽不同步，網頁上其它內容均已載入，唯有圖片仍在緩慢載入中。用sa3album配合GAE Django CMS就對了，此外我們亦可自訂每篇文章內及文章列表（清單）上顯示的廣告橫幅。先把CMS網站會用到的圖片上傳至剛才架設的sa3album相簿。2.假如你有啟用防盜連機制，建議在「容許的網站規則設定」中為Django新增一項「*AppID.appspot.com*」，否則你的網站全部圖片將變成防盜連警示。3.接下來，請進入Django管理控制台，按下「Adss」右側的「變更」。4.「index_left_top」用來變更首頁左側的圖片，筆者以此來示範如何變更廣告橫幅。6.然後按一下「articlelist_top」變更置於文章分類列表內的廣告橫幅。8.「articledetail_left_top」用以設定每篇文章頂部左邊的廣告橫幅。10.最後請按一下「articledetail_right_top」編輯每篇文章頂部右邊的廣告橫幅。1.Django預設提供兩個分類──Category 1和Category 2，發表文章之前，建議先把它們更名為你自己的分類，按一下Categorys右側的「變更」。2.此處有三項內容：■Name：分類名稱，會顯示在網頁上；■Slug：簡短說明，構成該分類地址的一部分；■Sort：分類的序號。輸入完成以後，按一下〔儲存〕即可。3.然後你可以繼續編輯另一個Category，編輯完以後一樣按一下〔儲存〕。 1.GAE Django內建所見即所得的網頁編輯器「TinyMCE」，即使你不會HTML程式碼也可以輕鬆編輯網誌寫文章！先把你的文章會用到的圖片及檔案上傳至剛才架設的sa3album和sa3upload網站。2.再按一下Django網站首頁右側的「添加文章」連結，新增部落格文章。3.撰寫文章時，不妨借助之前架設的sa3album相簿跟sa3upload免空，適時的插入圖片或影音資料，可以讓你的部落格內文更豐富喔！。4.請以半形逗點「,」區隔「標籤」欄位，例如範例中的「GAE,upload」，按下〔創建〕就可以發表文章。5.圖中是已發表的文章畫面，我們可順便檢查廣告橫幅是否正常顯示，然後按一下文章左上方的分類名稱進入文章列表。6.分類的廣告橫幅亦能正常顯示，Django會自動把每篇文章前200個字做為摘要，按下「閱讀全文」就能開啟整篇內容。BOX：MP3 Quality Modifier軟體小檔案BOX：Copy Links擴充套件小檔案1.筆者將使用sa3upload儲存音樂檔，再把播放器內嵌於Django文章裡面。由於GAE有10MB限制，建議先用MP3 Quality Modifier壓縮MP3檔案。開啟之後請按下〔Add files〕或〔Add folder〕匯入待壓縮的MP3檔案。2.維持「Bitrate」（位元速率）、「Modus」（模式）跟「Sample frequency」（採樣頻率）區域的預設值可把一支320kbps的MP3歌曲壓縮至原來的一半大小，基本上符合GAE的10MB限制。「Destination」區域第一個選項右側的〔…〕用於設定壓縮後的檔案儲存路徑，按下〔Process〕按鈕開始處理已勾選的MP3檔。3.MP3 Quality Modifier的處理過程非常穩定，最後跑出的「Result」對話盒上列有全部檔案的「% Size change」（相對於原始檔案大小）、「Created (MB)」（壓縮後檔案大小）。4.接下來，請使用Firefox瀏覽器開啟「https://addons.mozilla.org/zh-TW/firefox/addon/copy-links/」網頁，按下〔+新增至Firefox〕安裝Copy Links擴充套件，然後按一下〔立即重新啟動〕重開Firefox。5.將大小適宜的MP3檔案逐一上傳至sa3upload後，進入管理控制台，按下鍵盤上的〔Ctrl〕並選取已上傳的音樂檔名，再按下滑鼠右鍵選擇【複製】，將其貼至文字編輯器備用。6.接著，從sa3upload首頁進入你的MP3檔案所在資料夾，先反白選取，再按下右鍵並依序點選【大量複製鏈結網址】→【複製已選擇的鏈結】，將其貼至文字編輯器備用。7.最後你可以使用播放器語法產生工具為這些MP3檔案建立HTML播放器語法，筆者向您推薦「http://flash-mp3-player.net/players/multi/generator/」，只需把sa3upload的載點貼在「mp3」欄位，URL之間以「|」區隔，便可自製播放器的HTML語法，不過缺點是該工具無法編輯曲目。8.筆者修改了前面那個工具產生的程式碼，感興趣的讀者朋友可前往「http://tny.cz/730d8bef」，那裡有我編輯的五支歌曲的HTML程式碼，只要使用您剛才貼至文字編輯器的備用內容稍加修改，便可自製播放器語法：■「mp3 url」表示MP3檔案連結，如：「http://victoryupload.appspot.com/music/5820067233136640-01.%20Bryan%20Adams%20-%20(Everything%20I%20Do)%20I%20Do%20It%20For%20You.mp3」■「Music 1, 2, 3...12」表示曲目，如：「01. Bryan Adams - (Everything I Do) I Do It For You」然後全選並按一下【複製】來複製這些程式碼。9.於Django發表文章時，請點擊TinyMCE工具列上的〔HTML〕按鈕。10.貼上MP3播放器的HTML程式碼之後，再按一下〔Update〕來發表這篇文章。11.圖中是筆者自製的MP3播放器，它的色彩及大小皆可透過編輯HTML程式碼客製化。 1.Gravatar（Globally Recognized Avatar）是一項泛用型大頭貼服務，只須上傳大頭貼圖片，我們便可以在任何支援Gravatar的部落格、論壇等地方使用它。每篇文章底部都有一個「留下您的高見」連結，按下之後可以留言。2.評論送出之後，你的大頭貼會於左側顯示。3.若想更換預設的大頭貼，請按頁面頂部的「個人資料」。4.接著按一下左側大頭貼下方的「更改你的頭像」連結。5.待轉向Gravatar網站以後，再按