搭建個人博客，你需要知道這些

01-25

一個多月前開始籌備搭建自己的個人博客，由於要等國內備案完成，因此直到這兩天才算完全搞定。今天把個人博客搭建需要了解的相關知識整理一下，希望可以給同樣想建站的同學提供一點參考。

博客生成器

一個網站最基礎的部分就是網頁，如果想從HTML頁面寫起，顯然成本太高，好在大牛們已經做好了博客生成器來解決網頁編寫的問題。一般來說，博客生成器分為動態和靜態兩種。其中，動態博客生成器典型代表有：WordPress、FarBox、Ghost等，靜態的博客生成器典型代表有：Hexo、Jekyll、Octopress、Hugo等。關於動態和靜態的區別主要有以下幾點:

資源佔用上，靜態的相比動態佔用伺服器資源少，還可以託管在Github Pages上；
發布更新操作上，由於靜態博客沒有管理後台，所以發布更新內容要比動態博客繁瑣；
訪問速度上，由於靜態博客沒有資料庫，所以訪問速度更快；
安全性上，靜態博客相比動態博客免疫了很多Web攻擊套路；

我的博客便是選擇了Hexo這個靜態博客生成器。

Web伺服器

有了博客生成器後，只需按照對應官方文檔配置即可生成一個最簡單的本地博客站點，如果想要讓網路上人能夠訪問，你還需要將將其部署上伺服器才行。對於伺服器的選擇，肯定要選擇知名的伺服器提供商，相對來說會比較穩定靠譜，國內的UCloud、阿里雲、騰訊雲、七牛雲，國外的有亞馬遜。如果使用靜態博客生成器，還可以考慮用Github Pages，這樣可以節省一筆租伺服器的開銷，對於還沒有收入的在校學生，是個很不錯的選擇。不過，Github偶爾在國內無法訪問，這點得做好心理準備。

圖床伺服器

上面的伺服器用於存放網頁，屬於Web伺服器，而圖床是用於提供多媒體資源（圖片、視頻）存儲的伺服器，把網頁和多媒體資源分開存儲是有好處的，如果把圖片都放Web伺服器上，Web伺服器的訪問帶寬會一下子就被占完，這樣訪問網站的體驗會極差。圖床的選擇有很多，上網一搜可以找到很多免費的圖床，這裡不多做推薦，值得一提的是[七牛雲儲存](七牛雲)這家比較大的廠商，其免費用戶擁有10G的存儲空間和每個月10W次的PUT/DELETE請求，100萬次GET請求，這個免費套餐對於小站點完全能夠得到滿足。

對於圖床的選擇，盡量選擇穩定靠譜的，對於很多免費圖床還是應該慎重考慮一下，說不定哪天它關閉了，對整個網站帶來的負面影響還是極大的。

域名和備案

光有伺服器還不夠，此時你把網頁部署上伺服器後，只能通過伺服器綁定的IP地址訪問到你的站點。而這種對外開放的站點，基本沒有使用IP來讓人訪問的，因為非常不方便記憶，所以，你需要購買一個域名。域名購買渠道很多，下面是三個我比較了解的渠道：

Godaddy：https://www.godaddy.com/ ，老牌廠商。
阿里云：https://wanwang.aliyun.com/domain/ ，原中國萬網，被阿里收購合併到阿里雲。
DNSPod：https://domains.dnspod.cn/ ，被騰訊收購。

購買域名之後，如果選擇國外的伺服器提供商，域名只需要設置好DNS解析即可使用，而在國內的伺服器提供商上部署，你還需要進行域名備案，一般來說，知名的伺服器提供商都會幫你安排好備案流程了，大致像我在UCloud的備案流程這樣

最後，只需要按照步驟提交相應資料耐心等待工信部審核通過即可。

DNS解析

有了域名，等部署完伺服器後，還要設置對應DNS解析，目的是為了告訴所有訪問這個域名的瀏覽器，應該訪問哪個IP地址的主機。關於DNS解析服務，這裡推薦知名的老牌廠商[DNSPod](https://www.dnspod.cn/)，服務不錯，也有免費套餐。

界面美化

具備以上的條件後，已經滿足一個博客站點基本功能了，如選擇一個不錯的主題、添加網站圖標、新增一些小掛件、還有美化一下404頁面等。像我的Hexo主題，來自開源的hexo-theme-cafe(https://github.com/giscafer/hexo-theme-cafe),然後我再稍作了一些自定義的修改。

上圖的右側可以看到新浪微博的掛件，在 http://app.weibo.com/tool/weiboshow 可以定製相應的樣式代碼。當然，除了微博之外，國外的Facebook、Twitter之類的也有類似，可以自行上官網找找。添加網站圖標，可以利用下面的工具faviconer（ http://www.faviconer.com/）這個圖標的顯示位置，在於瀏覽器的打開你站點的Tab上，像下面是我的站點

如果我們在網站上輸入一個不存在的URL，就會報404錯誤，愛美的人是連404頁面都要弄得漂漂亮亮的，這裡可以選擇支持一下公益事業，用騰訊公益的404頁面（http://www.qq.com/404/）下圖是我的站點集成後騰訊公益404的效果

算為公益事業略盡綿力。

評論功能

如果讀者在你網站閱讀了文章，想發表評論，這時就需要用到評論功能了。同樣，評論功能不需要我們從頭開始實現，有很多提供商提供了集成服務，常見的有：

多說：http://duoshuo.com/ ，感覺有點沒落了，而且垃圾評論很多，沒有做任何處理。
Disqus：Disqus – The #1 way to build your audience ，國外網站首選，國內網站慎選，因為某些原因，在國內無法載入訪問。
暢言：暢言 - 專業的社會化評論系統，搜狐出品，算是深得我心了，可惜沒有備案的站點只能使用15天。
友言：友言 - 專業網站社會化評論系統，相對比較小眾，但體驗還不錯。

幾個評論功能都可以免費使用，集成也非常簡單，兩三行代碼即可搞定。

流量統計

如果你關心自己博客的訪問數據，那麼集成流量統計工具自然必不可少。統計站點流量訪問的平台主要推薦以下三個：

Google Analysis：https://www.google.com/intl/zh-CN/analytics/ ，功能強大不用多說，由於國內Google的服務用不了，所以推薦海外站點使用。
CNZZ：http://web.umeng.com/ ，中文網站統計分析平台，口碑不錯，目前和友盟合併被阿里收購。
百度統計：http://tongji.baidu.com/ ，正在研究，不多做評價。

統計功能同樣集成簡單，我索性把三家統計都集成了，做分析對比。

總結

整理之後就是以上的內容，最最最重要的是，明確你搭建博客的目的，是想認真的寫點東西，還是只想折騰一下體驗各種不同的框架或主題而已。

喜歡我的文章關注我的知乎專欄。

我的專欄：技術視界 - 知乎專欄
知乎：D-clock愛吃蔥花 - 知乎
個人博客：blog.coderclock.com/
公眾號：技術視界