title: Hexo博客 新手安裝及使用教程
date: 2017-10-07 14:46:55
tags: 教程
這是一篇基于Github搭建Hexo博客的基礎教程，內(nèi)容有：資源下載锉走、安裝步驟瘫怜、發(fā)布更新文章术徊、更換主題
資源下載
node.js
- node.js ，官網(wǎng)下載地址,下載完成鲸湃，雙擊打開赠涮，選擇下一步安裝即可子寓。注：盡量下載最新版本，避免報錯笋除。
Git
- Xcode自帶Git
安裝步驟
更換npm源
Node Package Manager 是node.js的模塊依賴管理工具别瞭，由于國內(nèi)有墻，使用時多有不便株憾，國內(nèi)有很多優(yōu)秀的npm鏡像蝙寨。例如：
淘寶npm
registry地址：http://registry.npm.taobao.org/
cnpmjs
搜索地址：http://cnpmjs.org/
registry地址：http://r.cnpmjs.org/
配置npm
1 . 臨時使用
* npm --registry https://registry.npm.taobao.org install express
2 . 持久使用
* npm config set registry https://registry.npm.taobao.org
// 配置后可通過下面方式來驗證是否成功
* npm config get registry
// 或npm info express
3 . 使用cnpm
* npm install -g cnpm --registry=https://registry.npm.taobao.org
// 使用cnpm install expresstall express
安裝Hexo
1 . 終端執(zhí)行
$ sudo npm install -g hexo
輸入管理員密碼（Mac登錄密碼）即開始安裝 (sudo:linux系統(tǒng)管理指令 -g:全局安裝)
2 . 創(chuàng)建博客文件夾
這里可以選擇一個固定的位置建立一個文件夾，例如我在‘文檔’下建立一個‘MyselfBlog’的文件嗤瞎，以后所有操作都在這個文件下進行墙歪。
cd 到選擇的目錄，執(zhí)行：
$ hexo init MyselfBlog
cd 到MyselfBlog贝奇，安裝npm虹菲，執(zhí)行：
$ npm install
開啟hexo 服務器，執(zhí)行：
$ hexo s
瀏覽器中打開http://localhost:4000
沒有問題就會顯示如下頁面：
如果掉瞳，頁面打開顯示為空毕源，4000端口被占用，終端執(zhí)行：
$ hexo server -p 5000
如果是其他類型的錯誤陕习，到官網(wǎng)排查霎褐。
關(guān)聯(lián)Git
- 登錄github，新建倉庫该镣，注意命名規(guī)則‘用戶名.github.io’,例如我的倉庫名字就是‘SunShiLong.github.io’冻璃。倉庫建立成功如下圖：
- cd 回到‘MyselfBlog’目錄，打開_config.yml文件损合，找到下面這段代碼:
deploy:
type: git
repository: https://github.com/XXX/XXX.github.io.git
branch: master
注意：冒號后面有一個空格省艳，把“XXX”換成自己倉庫的名字。
- 生成靜態(tài)頁面嫁审，執(zhí)行：
$ hexo generate 或者：hexo g
// 此時若出現(xiàn)如下報錯：
ERROR Local hexo not found in ~/blog
ERROR Try runing: 'npm install hexo --save'
// 則執(zhí)行命令：
$ npm install hexo --save
// 若無報錯跋炕，自行忽略此步驟。
- 配置頁面律适，執(zhí)行：
$ hexo deploy 或者：hexo d
注意：若執(zhí)行命令hexo deploy報錯：無法連接git或找不到git辐烂，則執(zhí)行如下命令來安裝hexo-deployer-git：
$ npm install hexo-deployer-git --save
- 輸入git賬號和密碼
打開網(wǎng)頁地址
瀏覽器打開網(wǎng)址http://SunShiLong.github.io
本地打開http://localhost:4000 頁面一致
發(fā)布文章
- cd 到‘MyselfBlog’目錄，新建文章擦耀，執(zhí)行
$ hexo new "NewBlog"
- 可以看到新建一個名為“NewBlog.md”的文件目錄在MyselfBlog/source/_posts下棉圈，這里推薦使用markdown編輯博客，Mac端好用的編輯器有Mou和MacDown眷蜓，但是Mou目前最高支持MacOS10.11分瘾，我的電腦系統(tǒng)是10.12，所有只好用MacDown。當然喜歡Vim的不受影響啦德召。
還不錯吧白魂，可以邊碼字邊預覽。
- 文章編輯完成上岗，接下來就可以發(fā)布了福荸，還是執(zhí)行下面兩句：
$ hexo generate //生成靜態(tài)頁面
$ hexo deploy //部署到Github
NOW, Hexo博客搭建教程就告一段落了
更換主題
所有基于github建立的hexo博客，默認主題都是landscape肴掷，可以自定義的敬锐，到主題官網(wǎng)選好自己喜歡的主題，例如主題Ada
cd 到‘MyselfBlog‘目錄呆瞻，執(zhí)行：
$ git clone https://github.com/shuiRong/hexo-theme-Ada.git themes/Ada
// 將MyselfBlog目錄下_config.yml里theme的名稱landscape修改為Ada
$ hexo clean //清除緩存文件 (db.json) 和靜態(tài)文件 (public)
$ hexo g //生成緩存和靜態(tài)文件
$ hexo d //重新部署到服務器
每個主題都有詳細的介紹台夺，包括使用方法和內(nèi)容修改，可以替換痴脾，名字颤介、標題、圖片赞赖、網(wǎng)址等滚朵。
