本文同步自我的微信公眾號：技術視界
一個多月前開始籌備搭建自己的個人博客，由于要等國內(nèi)備案完成，因此直到這兩天才算完全搞定。今天把個人博客搭建需要了解的相關知識整理一下，希望可以給同樣想建站的同學提供一點參考。
博客生成器
一個網(wǎng)站最基礎的部分就是網(wǎng)頁，如果想從HTML頁面寫起，顯然成本太高，好在大牛們已經(jīng)做好了博客生成器來解決網(wǎng)頁編寫的問題。一般來說，博客生成器分為動態(tài)和靜態(tài)兩種。其中，動態(tài)博客生成器典型代表有：WordPress、FarBox、Ghost等，靜態(tài)的博客生成器典型代表有：Hexo、Jekyll、Octopress、Hugo等。關于動態(tài)和靜態(tài)的區(qū)別主要有以下幾點:
- 資源占用上，靜態(tài)的相比動態(tài)占用服務器資源少，還可以托管在Github Pages上；
- 發(fā)布更新操作上，由于靜態(tài)博客沒有管理后臺，所以發(fā)布更新內(nèi)容要比動態(tài)博客繁瑣；
- 訪問速度上，由于靜態(tài)博客沒有數(shù)據(jù)庫，所以訪問速度更快；
- 安全性上，靜態(tài)博客相比動態(tài)博客免疫了很多Web攻擊套路；
我的博客便是選擇了Hexo這個靜態(tài)博客生成器。
Web服務器
有了博客生成器后，只需按照對應官方文檔配置即可生成一個最簡單的本地博客站點，如果想要讓網(wǎng)絡上人能夠訪問，你還需要將將其部署上服務器才行。對于服務器的選擇，肯定要選擇知名的服務器提供商，相對來說會比較穩(wěn)定靠譜，國內(nèi)的UCloud、阿里云、騰訊云、七牛云，國外的有亞馬遜。如果使用靜態(tài)博客生成器，還可以考慮用Github Pages，這樣可以節(jié)省一筆租服務器的開銷，對于還沒有收入的在校學生，是個很不錯的選擇。不過，Github偶爾在國內(nèi)無法訪問，這點得做好心理準備。
圖床服務器
上面的服務器用于存放網(wǎng)頁，屬于Web服務器，而圖床是用于提供多媒體資源（圖片、視頻）存儲的服務器，把網(wǎng)頁和多媒體資源分開存儲是有好處的，如果把圖片都放Web服務器上，Web服務器的訪問帶寬會一下子就被占完，這樣訪問網(wǎng)站的體驗會極差。圖床的選擇有很多，上網(wǎng)一搜可以找到很多免費的圖床，這里不多做推薦，值得一提的是七牛云儲存這家比較大的廠商，其免費用戶擁有10G的存儲空間和每個月10W次的PUT/DELETE請求，100萬次GET請求，這個免費套餐對于小站點完全能夠得到滿足。
對于圖床的選擇，盡量選擇穩(wěn)定靠譜的，對于很多免費圖床還是應該慎重考慮一下，說不定哪天它關閉了，對整個網(wǎng)站帶來的負面影響還是極大的。
域名和備案
光有服務器還不夠，此時你把網(wǎng)頁部署上服務器后，只能通過服務器綁定的IP地址訪問到你的站點。而這種對外開放的站點，基本沒有使用IP來讓人訪問的，因為非常不方便記憶，所以，你需要購買一個域名。域名購買渠道很多，下面是三個我比較了解的渠道：
- Godaddy：https://www.godaddy.com/ ，老牌廠商。
- 阿里云：https://wanwang.aliyun.com/domain/ ，原中國萬網(wǎng)，被阿里收購合并到阿里云。
- DNSPod：https://domains.dnspod.cn/ ，被騰訊收購。
購買域名之后，如果選擇國外的服務器提供商，域名只需要設置好DNS解析即可使用，而在國內(nèi)的服務器提供商上部署，你還需要進行域名備案，一般來說，知名的服務器提供商都會幫你安排好備案流程了，大致像我在UCloud的備案流程這樣
最后，只需要按照步驟提交相應資料耐心等待工信部審核通過即可。
DNS解析
有了域名，等部署完服務器后，還要設置對應DNS解析，目的是為了告訴所有訪問這個域名的瀏覽器，應該訪問哪個IP地址的主機。關于DNS解析服務，這里推薦知名的老牌廠商DNSPod，服務不錯，也有免費套餐。
界面美化
具備以上的條件后，已經(jīng)滿足一個博客站點基本功能了，如選擇一個不錯的主題、添加網(wǎng)站圖標、新增一些小掛件、還有美化一下404頁面等。像我的Hexo主題，來自開源的hexo-theme-cafe,然后我再稍作了一些自定義的修改。
上圖的右側可以看到新浪微博的掛件，在 http://app.weibo.com/tool/weiboshow 可以定制相應的樣式代碼。當然，除了微博之外，國外的Facebook、Twitter之類的也有類似，可以自行上官網(wǎng)找找。
添加網(wǎng)站圖標，可以利用下面的工具
這個圖標的顯示位置，在于瀏覽器的打開你站點的Tab上，像下面是我的站點
如果我們在網(wǎng)站上輸入一個不存在的URL，就會報404錯誤，愛美的人是連404頁面都要弄得漂漂亮亮的，這里可以選擇支持一下公益事業(yè)，用騰訊公益的404頁面
下圖是我的站點集成后騰訊公益404的效果
算為公益事業(yè)略盡綿力。
評論功能
如果讀者在你網(wǎng)站閱讀了文章，想發(fā)表評論，這時就需要用到評論功能了。同樣，評論功能不需要我們從頭開始實現(xiàn)，有很多提供商提供了集成服務，常見的有：
- 多說：http://duoshuo.com/ ，感覺有點沒落了，而且垃圾評論很多，沒有做任何處理。
- Disqus：https://disqus.com/ ，國外網(wǎng)站首選，國內(nèi)網(wǎng)站慎選，因為某些原因，在國內(nèi)無法加載訪問。
- 暢言：http://changyan.kuaizhan.com/ ，搜狐出品，算是深得我心了，可惜沒有備案的站點只能使用15天。
- 友言：http://www.uyan.cc/ ，相對比較小眾，但體驗還不錯。
幾個評論功能都可以免費使用，集成也非常簡單，兩三行代碼即可搞定。
流量統(tǒng)計
如果你關心自己博客的訪問數(shù)據(jù)，那么集成流量統(tǒng)計工具自然必不可少。統(tǒng)計站點流量訪問的平臺主要推薦以下三個：
- Google Analysis：https://www.google.com/intl/zh-CN/analytics/ ，功能強大不用多說，由于國內(nèi)Google的服務用不了，所以推薦海外站點使用。
- CNZZ：http://web.umeng.com ，中文網(wǎng)站統(tǒng)計分析平臺，口碑不錯，目前和友盟合并被阿里收購。
- 百度統(tǒng)計：http://#baidu.com ，正在研究，不多做評價。
統(tǒng)計功能同樣集成簡單，我索性把三家統(tǒng)計都集成了，做分析對比。
總結
整理之后就是以上的內(nèi)容，最最最重要的是，明確你搭建博客的目的，是想認真的寫點東西，還是只想折騰一下體驗各種不同的框架或主題而已。
- 我的個人博客：http://blog.coderclock.com/
- 我的知乎專欄：https://zhuanlan.zhihu.com/coderclock
- 我的Diycode：https://www.diycode.cc/d_clock
- 我的新浪微博：D_clock愛吃蔥花
- 我的微信公眾號：技術視界
