本文同步自我的微信公眾號：技術(shù)視界
一個多月前開始籌備搭建自己的個人博客右锨，由于要等國內(nèi)備案完成括堤，因此直到這兩天才算完全搞定。今天把個人博客搭建需要了解的相關(guān)知識整理一下，希望可以給同樣想建站的同學(xué)提供一點參考悄窃。
博客生成器
一個網(wǎng)站最基礎(chǔ)的部分就是網(wǎng)頁讥电，如果想從HTML頁面寫起，顯然成本太高轧抗，好在大牛們已經(jīng)做好了博客生成器來解決網(wǎng)頁編寫的問題恩敌。一般來說，博客生成器分為動態(tài)和靜態(tài)兩種横媚。其中纠炮，動態(tài)博客生成器典型代表有：WordPress、FarBox灯蝴、Ghost等恢口，靜態(tài)的博客生成器典型代表有：Hexo、Jekyll穷躁、Octopress耕肩、Hugo等。關(guān)于動態(tài)和靜態(tài)的區(qū)別主要有以下幾點:
- 資源占用上问潭，靜態(tài)的相比動態(tài)占用服務(wù)器資源少猿诸，還可以托管在Github Pages上；
- 發(fā)布更新操作上狡忙，由于靜態(tài)博客沒有管理后臺梳虽，所以發(fā)布更新內(nèi)容要比動態(tài)博客繁瑣；
- 訪問速度上灾茁，由于靜態(tài)博客沒有數(shù)據(jù)庫窜觉，所以訪問速度更快；
- 安全性上北专，靜態(tài)博客相比動態(tài)博客免疫了很多Web攻擊套路竖螃；
我的博客便是選擇了Hexo這個靜態(tài)博客生成器。
Web服務(wù)器
有了博客生成器后逗余，只需按照對應(yīng)官方文檔配置即可生成一個最簡單的本地博客站點，如果想要讓網(wǎng)絡(luò)上人能夠訪問季惩，你還需要將將其部署上服務(wù)器才行录粱。對于服務(wù)器的選擇，肯定要選擇知名的服務(wù)器提供商棒旗，相對來說會比較穩(wěn)定靠譜绞灼，國內(nèi)的UCloud托猩、阿里云、騰訊云旗闽、七牛云，國外的有亞馬遜。如果使用靜態(tài)博客生成器适室，還可以考慮用Github Pages嫡意，這樣可以節(jié)省一筆租服務(wù)器的開銷，對于還沒有收入的在校學(xué)生捣辆，是個很不錯的選擇蔬螟。不過，Github偶爾在國內(nèi)無法訪問汽畴，這點得做好心理準備旧巾。
圖床服務(wù)器
上面的服務(wù)器用于存放網(wǎng)頁，屬于Web服務(wù)器忍些，而圖床是用于提供多媒體資源（圖片鲁猩、視頻）存儲的服務(wù)器，把網(wǎng)頁和多媒體資源分開存儲是有好處的罢坝，如果把圖片都放Web服務(wù)器上廓握，Web服務(wù)器的訪問帶寬會一下子就被占完，這樣訪問網(wǎng)站的體驗會極差炸客。圖床的選擇有很多疾棵，上網(wǎng)一搜可以找到很多免費的圖床，這里不多做推薦痹仙，值得一提的是七牛云儲存這家比較大的廠商是尔，其免費用戶擁有10G的存儲空間和每個月10W次的PUT/DELETE請求，100萬次GET請求开仰，這個免費套餐對于小站點完全能夠得到滿足拟枚。
對于圖床的選擇，盡量選擇穩(wěn)定靠譜的众弓，對于很多免費圖床還是應(yīng)該慎重考慮一下恩溅，說不定哪天它關(guān)閉了，對整個網(wǎng)站帶來的負面影響還是極大的谓娃。
域名和備案
光有服務(wù)器還不夠脚乡，此時你把網(wǎng)頁部署上服務(wù)器后，只能通過服務(wù)器綁定的IP地址訪問到你的站點滨达。而這種對外開放的站點奶稠，基本沒有使用IP來讓人訪問的，因為非常不方便記憶捡遍，所以锌订，你需要購買一個域名。域名購買渠道很多画株，下面是三個我比較了解的渠道：
- Godaddy：https://www.godaddy.com/ 辆飘，老牌廠商啦辐。
- 阿里云：https://wanwang.aliyun.com/domain/ ，原中國萬網(wǎng)蜈项，被阿里收購合并到阿里云芹关。
- DNSPod：https://domains.dnspod.cn/ ，被騰訊收購战得。
購買域名之后充边，如果選擇國外的服務(wù)器提供商，域名只需要設(shè)置好DNS解析即可使用常侦，而在國內(nèi)的服務(wù)器提供商上部署浇冰，你還需要進行域名備案，一般來說聋亡，知名的服務(wù)器提供商都會幫你安排好備案流程了肘习，大致像我在UCloud的備案流程這樣
最后，只需要按照步驟提交相應(yīng)資料耐心等待工信部審核通過即可坡倔。
DNS解析
有了域名漂佩，等部署完服務(wù)器后，還要設(shè)置對應(yīng)DNS解析罪塔，目的是為了告訴所有訪問這個域名的瀏覽器投蝉，應(yīng)該訪問哪個IP地址的主機。關(guān)于DNS解析服務(wù)征堪，這里推薦知名的老牌廠商DNSPod瘩缆，服務(wù)不錯，也有免費套餐佃蚜。
界面美化
具備以上的條件后庸娱，已經(jīng)滿足一個博客站點基本功能了，如選擇一個不錯的主題谐算、添加網(wǎng)站圖標熟尉、新增一些小掛件、還有美化一下404頁面等洲脂。像我的Hexo主題斤儿，來自開源的hexo-theme-cafe,然后我再稍作了一些自定義的修改。
上圖的右側(cè)可以看到新浪微博的掛件恐锦，在 http://app.weibo.com/tool/weiboshow 可以定制相應(yīng)的樣式代碼雇毫。當然，除了微博之外踩蔚，國外的Facebook、Twitter之類的也有類似枚粘，可以自行上官網(wǎng)找找馅闽。
添加網(wǎng)站圖標，可以利用下面的工具
這個圖標的顯示位置，在于瀏覽器的打開你站點的Tab上福也，像下面是我的站點
如果我們在網(wǎng)站上輸入一個不存在的URL局骤，就會報404錯誤，愛美的人是連404頁面都要弄得漂漂亮亮的暴凑，這里可以選擇支持一下公益事業(yè)峦甩，用騰訊公益的404頁面
下圖是我的站點集成后騰訊公益404的效果
算為公益事業(yè)略盡綿力。
評論功能
如果讀者在你網(wǎng)站閱讀了文章现喳，想發(fā)表評論凯傲，這時就需要用到評論功能了。同樣嗦篱，評論功能不需要我們從頭開始實現(xiàn)冰单，有很多提供商提供了集成服務(wù)，常見的有：
- 多說：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)計
如果你關(guān)心自己博客的訪問數(shù)據(jù)搂蜓，那么集成流量統(tǒng)計工具自然必不可少。統(tǒng)計站點流量訪問的平臺主要推薦以下三個：
- Google Analysis：https://www.google.com/intl/zh-CN/analytics/ 辽装，功能強大不用多說帮碰，由于國內(nèi)Google的服務(wù)用不了，所以推薦海外站點使用拾积。
- CNZZ：http://web.umeng.com 殉挽，中文網(wǎng)站統(tǒng)計分析平臺丰涉，口碑不錯，目前和友盟合并被阿里收購斯碌。
- 百度統(tǒng)計：http://#baidu.com 一死，正在研究，不多做評價傻唾。
統(tǒng)計功能同樣集成簡單投慈，我索性把三家統(tǒng)計都集成了，做分析對比冠骄。
總結(jié)
整理之后就是以上的內(nèi)容伪煤，最最最重要的是，明確你搭建博客的目的猴抹，是想認真的寫點東西带族，還是只想折騰一下體驗各種不同的框架或主題而已。
- 我的個人博客：http://blog.coderclock.com/
- 我的知乎專欄：https://zhuanlan.zhihu.com/coderclock
- 我的Diycode：https://www.diycode.cc/d_clock
- 我的新浪微博：D_clock愛吃蔥花
- 我的微信公眾號：技術(shù)視界
