SAE+WordPress快速搭建個人博客


  前些天一時沖動,買了個域名,我想總不能放着不用吧,干脆就搭建了一個個人博客。下面我把搭建的過程分享給大家。注意,此文並不是攻略,只是為了記錄下這個從無到有的過程,當然,假如解決了你的疑惑,那當然是極好的。

前期准備:注冊SAE,並申請實名認證。

  使用微博賬戶登錄SAE就行了,然后最好申請一下實名認證,否則的話別人訪問你的SAE網站時,最上方會有一個“此網站所屬人未經實名認證,以防上當受騙”之類的提示條,很礙眼。

創建應用:配置博客平台。

  在這篇博客發表的近幾天,SAE的管理系統進行了一次大的升級,頁面結構都變了,為了與時俱進,我又操作了一遍,配圖說明更形象。

創建SAE應用

  *域名是唯一的,SAE會免費提供一個二級域名。

  *開發語言和框架選擇PHP5.3,wordpress for sae,如上圖所示。

  最后點擊最下方的創建應用,稍等片刻彈出創建成功提示,然后點擊提示窗口的“點此進入初始化頁面”進行WordPress的初始化工作。

wordpress

  填寫完成后,點擊安裝WordPress按鈕,WordPress瞬間就初始化完畢了。上面填寫的站點標題,用戶名,密碼等信息都是可以修改的,所以不必過於小心翼翼。

個性化博客:更換主題,增加個性化插件。

  進行完上面簡單的步驟后,通過domin.sinaapp.com,domin是你剛才新建SAE應用時填寫的域名,就可以訪問你的博客了。

  這個時候博客可以正常使用,但是並不個性化,也並不是特別好用。接下來需要進行一些調整(此調整因人而異)。

  1.為了減少SAE雲豆消耗,我們需要一個免費圖床來放置博客中插入的圖片。

  這里我選擇的是七牛雲存儲,因為每個月有10G免費流量,總共10G免費空間,我覺得對於咱們一般的個人博客是綽綽有余的。

  七牛注冊地址:https://portal.qiniu.com/signup?code=3lc1rzd6fpyky。這是我的推薦注冊鏈接,推薦人可以拿到5G月流量,當然目前我的網站也用不着,如果不願意的話可以自行搜索七牛進行注冊。

  網上有個七牛的WordPress插件,但是SAE的WordPress版本太低,無法使用。我試過將SAE升級,但最終以失敗告終。所以我並沒有使用插件的方式。

  非插件大致有兩種思路:第一種是將你的上傳地址直接改成七牛空間地址,這樣上傳的圖片直接就變為七牛的鏈接。圖片文件也是不保存在SAE上的;第二種是上傳時仍然上傳到自己的主機中,在HTML渲染時寫PHP代碼將主機靜態地址replace成七牛的鏡像地址。

  參考這里:http://www.tiejiang.org/2725.html。目前,本站使用的是第一種方式,大家可以看看圖片的url,都是七牛的地址。

  2.為了使博客更個性化,更換主題模板。

  首先,從網上下載一套你喜歡的主題。然后,打開你的SAE應用管理,進入剛才創建的應用,點擊代碼管理選項卡,找到SVN倉庫地址。再次,將源碼使用SVN check到本地,將下載的主題放入“wp-content/themes/”文件夾后,進行提交。最后,在WordPress后台選擇“外觀-主題”,找到剛才提交的主題后啟用即可。

  3.為了使博客更易用,增加一些插件。

  本博客使用了以下插件:多說,WP-PostViews,Auto HighSlide。

  多說即每篇博客下方的評論框,比WordPress評論框相比的好處是支持多種方式登錄;WP-PostViews可以記錄每篇博客的被訪問次數,並且提供了一個展示閱讀量排序的小面板。Auto HighSlide可以讓文章中圖片在被點擊時在幻燈片框中以原大小展示。

  插件與主題的增加方式一樣,將你下載的插件的整個文件夾拷貝到“wp-content/plugins”文件夾下提交后,在后台啟用即可。

  4.為了使代碼更好閱讀,引入代碼高亮(如果你也是程序員的話)。

  關於代碼高亮,不建議使用插件,本博客使用的是google-code-prettify,只要把對應的js文件和CSS文件加載到網站中,其會自己發現<pre>標簽,並且判斷語言類型后進行高亮。具體可參考這里:http://www.chenxuanyi.cn/wordpress-google-code-prettify.html

  5.檢查主題模板的兼容性。

  在IE8+瀏覽器上,手機,平板等設備訪問一下自己的博客,看看頁面展示是否正常。我的博客主題在IE8下有一些Bug,一般修改一下CSS文件即可修復。

綁定域名:讓你的博客更容易被記住。

  首先需要購買一個域名,然后進行相關的操作,一般來說普通玩家不建議購買國內域名,因為需要備案,很麻煩並且還要花點錢。我的域名是在萬網買的,接下來分享一下萬網域名綁定SAE應用的過程:

  首先搜索一個心儀的域名,當然越短越好,越便宜越好,最好有點實際意義!因為最少購買一年,漂亮的域名自己看着也舒服。

  自己玩的同學盡量不要考慮需要備案的域名,比如我選的域名是eastme.me,也是比對了很久定下來的。

  付完款后就可以進入個人空間管理域名了。下面開始進行綁定:

  1.在SAE應用管理處找到綁定域名,輸入你購買的域名,此域名必須是未綁定過的。

  2.這是SAE會給一個非常明確的操作方式,類似這樣:

  把你的域名cname到一個SAE提供的主機地址,把SAE提供的一個驗證二級域名使用A地址解析到SAE提供的一個IP地址

  3.OK,現在我們拿到了解析規則,現在進入萬網,也就是阿里雲管理空間,找到你購買的域名,點擊解析。

域名解析

  按照SAE給的規則,以此填寫完cname和A地址解析后,事情還沒有結束。

域名綁定

  剛才的綁定僅僅是通過了SAE的驗證,但是無法通過你的獨立域名訪問SAE應用。所以依照客服的說法,按照上圖中客服的描述再增加一條cname到SAE提供的主機地址即可。

  4.等待1天左右,即可使用獨立域名訪問你的博客了!

  最后,希望這篇博客能給大家帶來幫助。

  以后我的博客將在eastme.me和博客園(一個小學生)同時更新。雖然有了個人博客,但是博客園的氣氛還是挺好的,最重要的是不能忘本,至於個人麻煩就麻煩點吧。我的博客會經常發布一些前端相關的想法,知識分享等,如果對你胃口,還望多多關注!

  新博客地址:http://eastme.me/

  (完)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM