本文同步自我的微信公眾號：技術視界
一個多月前開始籌備搭建自己的個人博客，由于要等國內備案完成，因此直到這兩天才算完全搞定。今天把個人博客搭建需要了解的相關知識整理一下，希望可以給同樣想建站的同學提供一點參考。
博客生成器
一個網站最基礎的部分就是網頁，如果想從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，服務不錯，也有免費套餐。
界面美化
具備以上的條件后，已經滿足一個博客站點基本功能了，如選擇一個不錯的主題、添加網站圖標、新增一些小掛件、還有美化一下404頁面等。像我的Hexo主題，來自開源的hexo-theme-cafe,然后我再稍作了一些自定義的修改。
上圖的右側可以看到新浪微博的掛件，在 http://app.weibo.com/tool/weiboshow 可以定制相應的樣式代碼。當然，除了微博之外，國外的Facebook、Twitter之類的也有類似，可以自行上官網找找。
添加網站圖標，可以利用下面的工具
這個圖標的顯示位置，在于瀏覽器的打開你站點的Tab上，像下面是我的站點
如果我們在網站上輸入一個不存在的URL，就會報404錯誤，愛美的人是連404頁面都要弄得漂漂亮亮的，這里可以選擇支持一下公益事業，用騰訊公益的404頁面
下圖是我的站點集成后騰訊公益404的效果
算為公益事業略盡綿力。
評論功能
如果讀者在你網站閱讀了文章，想發表評論，這時就需要用到評論功能了。同樣，評論功能不需要我們從頭開始實現，有很多提供商提供了集成服務，常見的有：
- 多說：http://duoshuo.com/ ，感覺有點沒落了，而且垃圾評論很多，沒有做任何處理。
- Disqus：https://disqus.com/ ，國外網站首選，國內網站慎選，因為某些原因，在國內無法加載訪問。
- 暢言：http://changyan.kuaizhan.com/ ，搜狐出品，算是深得我心了，可惜沒有備案的站點只能使用15天。
- 友言：http://www.uyan.cc/ ，相對比較小眾，但體驗還不錯。
幾個評論功能都可以免費使用，集成也非常簡單，兩三行代碼即可搞定。
流量統計
如果你關心自己博客的訪問數據，那么集成流量統計工具自然必不可少。統計站點流量訪問的平臺主要推薦以下三個：
- Google Analysis：https://www.google.com/intl/zh-CN/analytics/ ，功能強大不用多說，由于國內Google的服務用不了，所以推薦海外站點使用。
- CNZZ：http://web.umeng.com ，中文網站統計分析平臺，口碑不錯，目前和友盟合并被阿里收購。
- 百度統計：http://tongji.baidu.com ，正在研究，不多做評價。
統計功能同樣集成簡單，我索性把三家統計都集成了，做分析對比。
總結
整理之后就是以上的內容，最最最重要的是，明確你搭建博客的目的，是想認真的寫點東西，還是只想折騰一下體驗各種不同的框架或主題而已。
- 我的個人博客：http://blog.coderclock.com/
- 我的知乎專欄：https://zhuanlan.zhihu.com/coderclock
- 我的Diycode：https://www.diycode.cc/d_clock
- 我的新浪微博：D_clock愛吃蔥花
- 我的微信公眾號：技術視界
