淺談Hexo打造個人博客

寫技術(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)在GitHubGitHub Pages對開發(fā)者來說應(yīng)該都不陌生了串绩,而GitHub在博客中是起到一個遠(yuǎn)程倉庫的作用缺虐,GitHub PagesGitHub用來顯示你工程里面的靜態(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

NodeGit都安裝好以后,可以指向如下命令安裝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匠题。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市但金,隨后出現(xiàn)的幾起案子韭山,更是在濱河造成了極大的恐慌,老刑警劉巖冷溃,帶你破解...
    沈念sama閱讀 222,627評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件钱磅,死亡現(xiàn)場離奇詭異,居然都是意外死亡似枕,警方通過查閱死者的電腦和手機(jī)续搀,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,180評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來菠净,“玉大人禁舷,你說我怎么就攤上這事∫阃” “怎么了牵咙?”我有些...
    開封第一講書人閱讀 169,346評論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長攀唯。 經(jīng)常有香客問我洁桌,道長,這世上最難降的妖魔是什么侯嘀? 我笑而不...
    開封第一講書人閱讀 60,097評論 1 300
  • 正文 為了忘掉前任另凌,我火速辦了婚禮,結(jié)果婚禮上戒幔,老公的妹妹穿的比我還像新娘吠谢。我一直安慰自己,他們只是感情好诗茎,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,100評論 6 398
  • 文/花漫 我一把揭開白布工坊。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪王污。 梳的紋絲不亂的頭發(fā)上罢吃,一...
    開封第一講書人閱讀 52,696評論 1 312
  • 那天,我揣著相機(jī)與錄音昭齐,去河邊找鬼尿招。 笑死,一個胖子當(dāng)著我的面吹牛阱驾,可吹牛的內(nèi)容都是我干的泊业。 我是一名探鬼主播,決...
    沈念sama閱讀 41,165評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼啊易,長吁一口氣:“原來是場噩夢啊……” “哼吁伺!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起租谈,我...
    開封第一講書人閱讀 40,108評論 0 277
  • 序言:老撾萬榮一對情侶失蹤篮奄,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后割去,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體窟却,經(jīng)...
    沈念sama閱讀 46,646評論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,709評論 3 342
  • 正文 我和宋清朗相戀三年呻逆,在試婚紗的時候發(fā)現(xiàn)自己被綠了夸赫。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,861評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡咖城,死狀恐怖茬腿,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情宜雀,我是刑警寧澤切平,帶...
    沈念sama閱讀 36,527評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站辐董,受9級特大地震影響悴品,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜简烘,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,196評論 3 336
  • 文/蒙蒙 一苔严、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧孤澎,春花似錦届氢、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,698評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至姐扮,卻和暖如春絮供,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背茶敏。 一陣腳步聲響...
    開封第一講書人閱讀 33,804評論 1 274
  • 我被黑心中介騙來泰國打工壤靶, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人惊搏。 一個月前我還...
    沈念sama閱讀 49,287評論 3 379
  • 正文 我出身青樓贮乳,卻偏偏與公主長得像,于是被迫代替她去往敵國和親恬惯。 傳聞我的和親對象是個殘疾皇子向拆,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,860評論 2 361

推薦閱讀更多精彩內(nèi)容