寫技術(shù)博客變得越來越普及了颊乘,自上次華為面試落敗后,我想了很多采蚀,技術(shù)這件事需要不停的鞏固復(fù)習(xí)疲牵,多寫多練才對承二,基礎(chǔ)很重要榆鼠,但往往很多知識點(diǎn)今天因?yàn)楣ぷ鞯脑騿栴}解決了,但回過頭來再遇到可能就忘記了亥鸠,還是會接著去Google
,去翻找妆够,這時候不僅會想,如果自己有個收錄問題的地方负蚊,或許找起來就更方便了神妹,所以我選擇了EverNote
,但后來發(fā)現(xiàn)EverNote
畢竟只是私人的筆記,做技術(shù)的還是要本著開源精神的家妆,所以我覺得應(yīng)該開始寫博客了鸵荠,既可以鞏固知識,也算是生活和技術(shù)的心路歷程伤极,以后也能感受到自己的足跡蛹找,如果寫的博客能也幫助到更多的朋友姨伤,那就更好了。
首先庸疾,hexo風(fēng)格的博客很簡約乍楚,是我喜歡的風(fēng)格,我本人的博客主題風(fēng)格是Litten届慈;更多hexo主題風(fēng)格請參詳hexo主題風(fēng)格.
如果你對hexo
主題風(fēng)格比較滿意徒溪,那么可以開始動手搭建屬于你自己的私人博客了。
環(huán)境準(zhǔn)備
安裝Node(必須)
可到Node.js官網(wǎng)下載相應(yīng)平臺的最新版本金顿,一路默認(rèn)安裝即可臊泌。
安裝Git(必須)
可到Git官網(wǎng)下載,安裝步驟請自行百度。
GitHub(必須)
現(xiàn)在GitHub
和GitHub Pages
對開發(fā)者來說應(yīng)該都不陌生了串绩,而GitHub
在博客中是起到一個遠(yuǎn)程倉庫的作用缺虐,GitHub Pages
是GitHub
用來顯示你工程里面的靜態(tài)網(wǎng)頁。
如果沒有賬號的話礁凡,請參照以下步驟進(jìn)行:
- 首先注冊一個
GitHub
賬號高氮; - 其次建立與你用戶名對應(yīng)的倉庫,倉庫名必須是
your_user_name.github.io
顷牌。這個很重要剪芍,必須和你的用戶名一致; - 最后添加SSH公鑰到
Personal Settings
-->SSH keys
中窟蓝。
前兩步忽略罪裹,我們著重說一下第三點(diǎn):
配置SSH keys
生成SSH
秘鑰:在你安裝好的Git Bash
命令框中鍵入
$ ssh-keygen -t rsa -C "郵件地址@youremail.com"
Generating public/private rsa key pair.
Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):<回車就好>
__注意1__: 此處的郵箱地址,你可以輸入自己的郵箱地址运挫;
__注意2__: 此處的「-C」的是大寫的「C」
然后系統(tǒng)會要你輸入密碼:
Enter passphrase (empty for no passphrase):<輸入加密串>
Enter same passphrase again:<再次輸入加密串>
__注意__: 此時你輸入密碼的時候是看不見的祖娘,你照常輸入即可。
最后看到這樣的界面件已,就表示成功設(shè)置了SSH keys
了:
添加SSH keys到GitHub
- 以文本的形式打開本地
C:\Users\username\.ssh\id_rsa.pub
文件吼虎,這是我們上面生成的密鑰,然后整個文本內(nèi)容復(fù)制; - 登錄
GitHub
匈挖。點(diǎn)擊右上角的頭像
-->Settings
-->SSH keys
-->new SSH key
; 添加Title
(可以是你的郵箱)碾牌,在Key
內(nèi)粘貼你剛復(fù)制的內(nèi)容,點(diǎn)擊Add SSH key
即可儡循。
做好了上面的事情可以驗(yàn)證一下是否添加成功,鍵入:
ssh -T git@github.com
注意:這里不需要修改舶吗,只需要鍵入即可,記得上面輸入的密碼哦。
接下來你會看到如下代碼择膝,表示成功了誓琼;
Hi YourName! You've successfully authenticated, but GitHub does not provide shell access.
正式安裝Hexo
Node
和Git
都安裝好以后,可以指向如下命令安裝hexo
:
npm install -g hexo
安裝完成后如下圖:
這里需要注意的是,如果上面問題提示找不到腹侣,請重啟下你的電腦呵扛,因?yàn)槲揖褪沁@么被坑過來的;然后筐带,執(zhí)行init
命令初始化hexo
到你指定的目錄今穿,我是直接cd到目標(biāo)目錄執(zhí)行hexo init
的。命令:
hexo init <folder>
到這里伦籍,全部的安裝工作就完成了蓝晒。
如果出現(xiàn)下圖的情況,請安裝一次npm的依賴帖鸦。
生成靜態(tài)頁面
cd
到你的init
目錄芝薇,執(zhí)行如下命令,生成靜態(tài)頁面至hexo\public
目錄:
hexo generate 或者 hexo g
注意: 命令必須在init
目錄下執(zhí)行作儿,否則不成功洛二,但是也不報錯。
當(dāng)你修改文章Tag
或內(nèi)容攻锰,不能正確重新生成內(nèi)容晾嘶,可以刪除hexo\db.json
后重試,還不行就到public
目錄刪除對應(yīng)的文件娶吞,重新生成垒迂。
本地啟動
執(zhí)行如下命令,啟動本地服務(wù):
hexo server 或者 hexo s
得到INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.
時可打開瀏覽器(請用高級瀏覽器)輸入:http://localhost:4000
如果可以正常顯示網(wǎng)頁說明配置成功妒蛇,可以提交到GitHub
上面了机断。
提交步驟:
1. hexo clean 或者 hexo cl 作用:清理你的項(xiàng)目緩存
2. hexo generate 或者 hexo g 作用: 生成你的靜態(tài)HTML
3. hexo deploy 或者 hexo d 作用: 上傳你的項(xiàng)目
注意第3點(diǎn),如果出現(xiàn)ERROR Deployer not found: git 或者 ERROR Deployer not found: github的字樣绣夺,你只需要輸入:npm install hexo-deployer-git --save 即可吏奸,再重新提交一次即可;另外提交的時候需要輸入你的GitHub賬號密碼陶耍。
提交成功后奋蔚,在GitHub
項(xiàng)目中就有你本地數(shù)據(jù)了,直接打開瀏覽器輸入你的域名檢測是否提交成功物臂,如果顯示的頁面和你本地預(yù)覽的一致旺拉,恭喜你产上,你已成功搭建好了自己的博客棵磷,如果出現(xiàn)404
的情況,不用急晋涣,第一次獲得域名時間會有長有短仪媒,請耐心等候,再者就是域名必須和你的GitHub
用戶名一致,我在上面已經(jīng)強(qiáng)調(diào)了一次了算吩。
題外話
上面一些注意的事項(xiàng)很多都是自己在搭建博客中遇到的問題留凭,并且通過好友提醒得以解決,所以這篇博客的目的也算是給自己一個備忘偎巢。
如果遇到自己喜歡的博客風(fēng)格蔼夜,只需要clone
到本地,然后改一些相應(yīng)的配置(_config.yml文件)即可压昼,一般GitHub或者作者的博客都會有詳細(xì)教程求冷,照著配置就行了。
最后書寫博客需要Markdown的語法格式窍霞,編輯器可自行選擇,我目前用的是Sublime Text2匠题。