想做一個(gè)獨(dú)立博客想了很久了，由于擔(dān)心自己想法幼稚及其它種種原因玲躯，后來(lái)很長(zhǎng)一段時(shí)間內(nèi)沒(méi)有將此事放上日程嚼锄。雖然每天喊著意誠(chéng)心正而后身修减拭，身修而后家齊國(guó)治天下平，可到頭來(lái)也擺脫不了自己庸人標(biāo)簽区丑；雖然每天那么努力拧粪，忍受了那么多寂寞和痛苦，可也沒(méi)見(jiàn)自己多么優(yōu)秀安捉摹可霎！
在自己瀏覽別人的技術(shù)貼的過(guò)程中，漸漸打消了此種顧慮宴杀，妄自菲薄對(duì)于一個(gè)技術(shù)人員而言是萬(wàn)萬(wàn)不可取的癣朗，它就像一個(gè)束縛自身的牢籠，不飛你怎知天空的廣闊旺罢，不做又怎知自己就真的一文不值呢斯棒？
下文為自己在GitHub上自建博客的經(jīng)歷，希望對(duì)大家有益主经。文章主要分為四個(gè)部分：
- Hexo框架生成步驟流程荣暮；
- 主題配置，本人博客采用的是NexT主題罩驻；
- 三方服務(wù)集成穗酥，如多說(shuō)評(píng)論、內(nèi)容分享等惠遏；
- 自建站點(diǎn)的百度/谷歌搜索引擎收錄及驗(yàn)證
閑言少敘砾跃，先看下本人的博客效果：https://zonghongyan.github.io ，如果您從事iOS节吮，還請(qǐng)?jiān)?a target="_blank" rel="nofollow">仁伯安的GitHub給個(gè)Star抽高。
前言
markdown以其簡(jiǎn)潔易學(xué)的特點(diǎn)，已逐漸演變成了博客平臺(tái)中一種通用的文字標(biāo)記語(yǔ)言透绩，而其影響力也不光在博客平臺(tái)方面翘骂，GitHub壁熄、Wikipedia也都兼容markdown語(yǔ)法。現(xiàn)有博客框架中對(duì)markdown支持比較好的碳竟，大致有Ghost, Jekyll和Hexo等草丧，本人采用的是Hexo框架。
Hexo是一個(gè)簡(jiǎn)潔高效的博客框架莹桅，對(duì)markdown文檔渲染速度快昌执，而且對(duì)中文支持較好，依賴(lài)少诈泼，支持Node就好懂拾。
Hexo框架生成
-
GitHub Page生成
GitHub Page生成有個(gè)約定俗稱(chēng)的東西，在創(chuàng)建庫(kù)時(shí)名字必須是:用戶(hù)名.github.io铐达，記住這一點(diǎn)即可委粉，具體流程可參照下圖。
create repostitory.png
// 檢測(cè)環(huán)境是否配置完成
npm --version
git --version
如果配置好環(huán)境后栗涂，將GitHub的GitHub Page庫(kù)Checkout到本地：
// 終端命令方式
git clone -o github git@github.com:zonghongyan/zonghongyan.github.io.git
為了發(fā)布代碼和源碼分離，我使用分支框架源碼在debug分支中祈争，master為發(fā)布的代碼斤程。
// 終端命令方式
git branch debug
我們只需使用npm即可完成Hexo框架生成工作：
developer$ npm install -g hexo-cli
/usr/local/bin/hexo -> /usr/local/lib/node_modules/hexo-cli/bin/hexo
/usr/local/lib
└── hexo-cli@1.0.2
安裝Hexo之后，即可建站工作：
// 建站
hexo init zonghongyan.github.io
......
INFO Start blogging with Hexo!
cd zonghongyan.github.io
npm install
將git文件拷貝到對(duì)應(yīng)目錄中菩混，git add . 更新git文件-->git commit提交-->git push -u origin debug到分支debug中即可忿墅。
此刻為止，Hexo框架生成完畢沮峡，我們可以進(jìn)行debug疚脐，在站點(diǎn)目錄輸入如下指令：
hexo s -debug
在瀏覽器中輸入：http://localhost:4000 ，即可預(yù)覽Hexo默認(rèn)主題的效果邢疙。
有一點(diǎn)需注意棍弄，如果修改了站點(diǎn)目錄，需要重新npm install疟游。
NexT主題配置
Hexo有很多主題風(fēng)格呼畸，我比較喜歡NexT，以黑白色為主色調(diào)颁虐，簡(jiǎn)潔明了蛮原，不花哨。
- NexT主題安裝
首先另绩，在終端中cd到你的站點(diǎn)目錄儒陨，如：zonghongyan.github.io目錄下花嘶，克隆next主題：
git clone https://github.com/iissnan/hexo-theme-next themes/next
clone成功后，可以看到在theme目錄下多了個(gè)next目錄框全，此即主題文件：
- NexT主題配置
在Hexo框架中，有兩個(gè)較為重要的主題文件：站點(diǎn)目錄下的_config.yml文件干签、主題目錄下的_config.yml文件津辩。
（1）啟用主題
打開(kāi)站點(diǎn)目錄下的_config.yml文件，找到theme: landscape容劳，修改為theme: next喘沿。
（2）主題驗(yàn)證
驗(yàn)證與上節(jié)landscape主題的預(yù)覽方式類(lèi)似，直接在站點(diǎn)目錄下執(zhí)行：hexo s或者h(yuǎn)exo s -debug竭贩。
到這里，基本的Hexo框架NexT主題的博客創(chuàng)建完畢。
（3）站點(diǎn)發(fā)布
打開(kāi)站點(diǎn)目錄下的_config.yml文件斩例，找到deploy部分赡勘，配置如下：
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: git@github.com:yousite/yousite.github.io.git
branch: master
然后在終端中cd到站點(diǎn)目錄，執(zhí)行：
hexo clean // 清除上次publish文件
hexo g 或者 hexo generate // 生成publish文件
hexo d 或者 hexo deploy // 發(fā)布
如果執(zhí)行hexo deploy 發(fā)布的時(shí)候遇到問(wèn)題楼熄，可能是hexo框架的git工具包沒(méi)安裝的緣故忆绰，可在站點(diǎn)目錄執(zhí)行：
npm install hexo-deployer-git --save
然后commit文件到分支后，重新發(fā)布可岂。
最后错敢，直接在網(wǎng)站中輸入：https://yousite.github.io ，就可以看到效果啦缕粹。
- 主題配置
以上創(chuàng)建的只是最簡(jiǎn)易的NexT主題站點(diǎn)稚茅，如果需要有訪(fǎng)問(wèn)量統(tǒng)計(jì)、站內(nèi)搜索平斩、打賞功能亚享、公益404等，需額外配置_config.yml文件绘面。其他配置自行到NexT主題配置 站點(diǎn)配置虹蒋，由于官網(wǎng)提供的404配置有些問(wèn)題（GitHub為Https安全協(xié)議，官網(wǎng)給出的是http的）飒货，我們這里單獨(dú)說(shuō)下公益404配置魄衅，也算是積德行善啦。
先看下最終效果：https://zonghongyan.github.io/404.html
配置步驟如下：
（1）新建 404.html 頁(yè)面塘辅，放到主題的 source 目錄下晃虫，代碼特別感謝songjinzhong
（2）在主題配置文件中配置commonweal：
# .../themes/next/_config.yml文件中
commonweal: /404.html
如果需要評(píng)價(jià)系統(tǒng)、內(nèi)容分享等扣墩，還需要第三方支持哲银。
三方服務(wù)集成
我的博客主要實(shí)配置的功能有：訪(fǎng)問(wèn)量統(tǒng)計(jì)扛吞、評(píng)價(jià)系統(tǒng)、站內(nèi)搜索荆责、~~多說(shuō)熱評(píng) ~~ (現(xiàn)改為Gitment)滥比、打賞、公益404等做院。下面我簡(jiǎn)單說(shuō)明幾點(diǎn)：
-
評(píng)價(jià)系統(tǒng)
NexT主題支持多說(shuō)和Disqus評(píng)論系統(tǒng)盲泛，我使用的是多說(shuō)評(píng)價(jià)。
使用多說(shuō)首先要在多說(shuō)中創(chuàng)建一個(gè)站點(diǎn)键耕。http://duoshuo.com 寺滚，登錄后，在首頁(yè)單擊我要安裝屈雄，創(chuàng)建站點(diǎn)村视，填寫(xiě)表單。站點(diǎn)名稱(chēng)：隨便寫(xiě)酒奶，站點(diǎn)地址即：https://yousite.github.io 蚁孔，多說(shuō)域名：這一欄比較重要，多說(shuō)域名中的內(nèi)容要在主題目錄下_config.yml文件中的duoshuo_shortname配置惋嚎，記得這里是主題配置文件勒虾。
duoshuo.png 多說(shuō)分享
同樣在主題配置文件中配置如下：
# .../themes/next/_config.yml文件中
# duoshuo_share
duoshuo_share: true
- 多說(shuō)熱評(píng)
在主題配置文件中配置如下：
# .../themes/next/_config.yml文件中
# duoshuo_hotartical
duoshuo_hotartical: true
由于多說(shuō)停止服務(wù)，評(píng)價(jià)系統(tǒng)現(xiàn)已更新瘸彤，使用Gitment修然。配置使用步驟，詳見(jiàn)：Hexo博客框架下Gitment取代多說(shuō)評(píng)論???
其他的功能配置也類(lèi)似
配置到此處质况，一個(gè)真正意義上的獨(dú)立博客基本建成愕宋，很多人也就到此為止了，但我想我們寫(xiě)博客的目的是什么呢结榄，肯定是想盡可能多的幫到別人中贝，但遺憾的是貌似Github做了防爬蟲(chóng)處理，這樣的話(huà)我們的博客一般不會(huì)被搜索引擎收錄的臼朗，所以我們就要主動(dòng)提交給搜索引擎邻寿。
獨(dú)立博客SEO
-
驗(yàn)證站點(diǎn)是否被收錄
要驗(yàn)證站點(diǎn)是否被收錄，直接在百度或谷歌中輸入：site:yousite视哑，會(huì)有提示：
site 收錄驗(yàn)證.png - 站點(diǎn)收錄提交
我們單擊下面的提交網(wǎng)址绣否，會(huì)進(jìn)入百度站長(zhǎng)管理，單擊站點(diǎn)管理挡毅，添加網(wǎng)站：
百度站點(diǎn)添加.png
輸入自己要提交收錄的網(wǎng)站蒜撮，比如：https://yoursite.github.io，下一步，
token配置.png
我們使用HTML標(biāo)簽驗(yàn)證方式段磨，這一點(diǎn)要在自己博客網(wǎng)站埋點(diǎn)驗(yàn)證取逾，配置步驟如下：
（1）在主題配置文件中，開(kāi)啟：
google_site_verification: true
baidu_site_verification: true
（2）在主題目錄themes/next/layout/_partials/head.swig文件中苹支，配置token配置圖的token值：
{% if theme.baidu_site_verification %}
<meta name="baidu-site-verification" content="iZjCbg5MoG" />
{% endif %}
（3）配置好后砾隅，重新發(fā)布自己的站點(diǎn)：
hexo clean
hexo g
hexo d
（4）單擊完成驗(yàn)證
驗(yàn)證完成后，自己的網(wǎng)站會(huì)被提交债蜜，如下圖晴埂，過(guò)段時(shí)間在百度中驗(yàn)證站點(diǎn)是否收錄即可，據(jù)說(shuō)是一周策幼。
- Google收錄與百度類(lèi)似
Google收錄網(wǎng)址添加所要提交的地址：
google.png
提交請(qǐng)求后邑时，編輯站點(diǎn)-->添加屬性奴紧，選擇備用方法特姐，其他流程和百度類(lèi)似，驗(yàn)證通過(guò)后黍氮，立即就可以在Google中查到唐含，不知是效率原因，還是百度故意為之澳捷枯！
googlehtml.png
google.png
本文已在版權(quán)印備案，如需轉(zhuǎn)載請(qǐng)?jiān)诎鏅?quán)印獲取授權(quán)专执。
獲取版權(quán)
