明明1個小時就可以建好的博客低千,這次上手操作卻花了3天掺栅。每天都會遇奇葩的bug,慶幸自己能將它們一一擊破誉帅。
我不懂代碼,只知道Hexo+Github搭的博客很好用。大概去年這個時候蚜锨,在某個朋友的介紹下档插,初次了解到Hexo,在他的協助下完成了部署,后續(xù)的主題亚再、插件和域名都是我自己摸索著完成的郭膛。
其次這個博客早就想搞了,可惜一直忙于工作和換服的瑣事氛悬,現在離職后才靜下心來操它则剃。thebravelegend.com是在2016年12月31日申請的域名,我稱之為勇者傳說如捅,寓意17年的新人生棍现,用來記錄東京生活的點滴。說來有點慚愧啊镜遣,半年后才將它用上己肮。
前戲差不了,咱們切入正題悲关,說說這次在搭建Hexo中遇到的問題:1谎僻、無法deploy到Github;2寓辱、部署成功后打開網站404艘绍;3、綁定域名后打開網站空白秫筏。3天踩了3個坑诱鞠,真讓人累覺不愛啊,至于避免和解決的方法跳昼,將在下面搭建教程中提到般甲。
本文高潮部分,如何正確用Hexo搭建博客鹅颊?我是在Mac環(huán)境下操作的敷存,僅供參考!
1.安裝Git
在AppStore下載安裝Xcode即可堪伍。
2.安裝Node.js
官方下載地址:https://nodejs.org/锚烦。
3.安裝Hexo
在終端執(zhí)行命令:sudo npm install -g hexo,安裝成功帝雇。
4.本地博客查看
創(chuàng)建網站所需的目標文件夾(名字任意)涮俄,在終端輸入cd /文件夾路徑就可以在該目錄下執(zhí)行命令。繼續(xù)執(zhí)行命令:hexo init和npm install尸闸,本地的Hexo博客搭建完成彻亲。再執(zhí)行命令:hexo g和hexo s孕锄,就可以在瀏覽器輸入http://localhost:4000查看效果。
5.在GitHub創(chuàng)建repository
到http://www.github.com注冊賬號苞尝,創(chuàng)建new repository畸肆,Repository name一定要和用戶名相同。比如用戶名是yourname宙址,那么Repository name就填yourname.github.io轴脐。
6.設置Git的user.name和user.email
在終端執(zhí)行命令:npm install hexo-deployer-git --save,第一次使用Git時抡砂,你需要告訴你的協同開發(fā)者大咱,你是誰以及你的郵箱,再通過以下2個命令設置個人信息:git config --global user.name xxx和git config --global user.email xxx@xx.com注益,這里的name和mail與github完全無關碴巾。
7.配置SSH keys
在終端執(zhí)行命令:ssh-keygen -t rsa -C 郵件地址,郵件為你github賬號聊浅,直接回車就好餐抢,密碼為空。新建Finder窗口按下cmd+shift+G低匙,輸入~/.ssh旷痕,找到id_rsa.pub文件,用文本打開復制里面的代碼顽冶。打開GitHub的setting界面欺抗,點擊Add SSH key,將復制的代碼粘貼進去强重,Title隨便填寫绞呈。
8.修改_config.yml
編輯博客目錄下的_config.yml,修改Deployment部分:
deploy:
type: git
repository: https://github.com/yourname/yourname.github.io.git
branch: master
9.部署
在終端執(zhí)行命令:hexo d间景,根據提示輸入Github用戶名和密碼佃声,完成部署。
10.訪問測試
在瀏覽器訪問http://yourname.github.io倘要,就可以看到自己的博客啦圾亏!
到此Hexo的基礎博客已經搭建完畢,后續(xù)可根據個人需求來安裝主題和插件封拧,我將在下一篇中詳述志鹃。
Tips: 務必按照這個流程來搭建和部署。這次踩過Hexo的3大坑泽西,這輩子都不會忘記曹铃。
1、無法deploy到Github
不要把github的repository克隆到博客目錄捧杉,這樣會導致無法deploy陕见。
2秘血、部署成功后打開網站404
本地博客搭建好,不要急著安裝主題淳玩,應該先部署到Github后再裝直撤。
3、綁定域名后打開網站空白
我的域名是在Godaddy買的蜕着,用namecheap解析DNS一直打不開網站,后來換dnspod解決了這個問題红柱。