本文著于2016年,由于本人最近更新了hexo博客,所以將其搬移過來。
作為Hexo博客入門新手,你有沒有遇到好不容易搭好的網(wǎng)站,因?yàn)槭謿埐恍⌒膶⑻摂M機(jī)還原,導(dǎo)致幾天的努力功虧一簣呢?你是否因?yàn)椴恢廊绾蝹浞輍exo網(wǎng)站文件和換了一臺(tái)電腦而無法更新博客而苦惱?
不要擔(dān)心!跑者小越今天就把如何只用一個(gè)github倉庫建立一個(gè)綁定自己域名的同時(shí)可以遠(yuǎn)程備份的hexo網(wǎng)站的小技巧統(tǒng)統(tǒng)告訴你!
- 初始化git本地倉庫
$ git init
- 關(guān)聯(lián)遠(yuǎn)程庫
$ git remote add origin https://github.com/zytx121/zytx121.github.io.git
- 將遠(yuǎn)程庫同步至本地
$ git pull origin master
- 新建hexo分支,并切換到hexo分支
$ git checkout -b hexo
- 將hexo分支關(guān)聯(lián)到遠(yuǎn)程庫
$ git push origin hexo
- 安裝hexo
$ npm install -g hexo-cli
- 初始化hexo
$ hexo init
$ npm install
$ npm install hexo-deployer-git --save
- 修改_config,.yml中的deploy參數(shù)(將hexo生成的靜態(tài)網(wǎng)頁保存到master分支)
deploy:
type: git
repository: https://github.com/zytx121/zytx121.github.io.git
branch: master
- 安裝主題(以next示范)
$ git clone https://github.com/iissnan/hexo-theme-next themes/next
- 啟用主題
修改_config,.yml中的**theme**參數(shù)為 theme: next
- 生成文章(可在source/_posts/目錄下用markdown格式編輯剛生成的post-name.md)
$ hexo new [layout] "post-name"
- 生成靜態(tài)網(wǎng)頁
$ hexo g
- 在本地服務(wù)器測(cè)試生成的網(wǎng)頁
http://localhost:port (port 預(yù)設(shè)為 4000,可在 _config.yml 設(shè)定)
$ hexo s
- 將生成的網(wǎng)頁部署至服務(wù)器
$ hexo d
- 最后,將配置好的網(wǎng)站系統(tǒng)文件提交至遠(yuǎn)程庫的hexo分支(建議先用
$ git branch確保處于hexo分支)
$ git add -A
$ git commit -m"1.0" //引號(hào)中內(nèi)容為提交備注,可任意填寫,但不能為空
$ git push origin hexo
大功告成??!
到這里為止,博客的搭建方法就介紹完畢了。之后每次需要更新發(fā)布文章的話,只需要重復(fù)11~15步即可。
當(dāng)你需要在其他電腦上更新博客時(shí),可參照下面的代碼:
-
$ git clone https://github.com/zytx121/zytx121.github.io//拷貝倉庫,在本地生成zytx121.github.io文件夾 -
$ cd zytx121.github.io//進(jìn)入該文件夾根目錄 $ npm install hexo-
$ npm install//注意:與之前不同的是,這里不需要hexo init命令 -
$ npm install hexo-deployer-git --save
然后,你就可以在這臺(tái)新電腦上愉快的更新博客辣(≧▽≦)/
當(dāng)需要hexo發(fā)布更新時(shí),你可以使用$ npm update hexo命令更新
在安裝hexo之前,請(qǐng)確保你的系統(tǒng)安裝了Git和Node.js
可參考下列命令:
$ sudo apt-get install git-core //安裝Git
$ curl https://raw.github.com/creationix/nvm/master/install.sh | sh //安裝Node.js
如果需要綁定自己的域名,只需要在根目錄下的/source/文件夾內(nèi)新建一個(gè)CNAME文件(需要大寫),然后在里面寫上你的域名。同時(shí)在你購買域名的服務(wù)器管理控制臺(tái)中,添加如下2個(gè)解析:
主機(jī)記錄:@ 記錄類型: A 記錄值:192.30.252.153 TTL: 10分鐘
主機(jī)記錄:www 記錄類型: A 記錄值:192.30.252.154 TTL: 10分鐘
保存即可。這樣就完成了你的域名綁定,趕快嘗試輸入你的域名訪問博客吧!
關(guān)于404頁面:
你可以在根目錄下的/source/文件夾內(nèi)新建一個(gè)404.html文件,然后在里面寫上<script type="text/javascript" src="http://www.qq.com/404/search_children.js" charset="utf-8"></script>并保存。這樣,當(dāng)你訪問博客中不存在的頁面時(shí),瀏覽器就會(huì)自動(dòng)跳轉(zhuǎn)到騰訊的公益404頁面。
注意:
創(chuàng)建的倉庫名稱務(wù)必與你的github賬號(hào)同名,這樣才能生成github首頁網(wǎng)站
該倉庫有
master和hexo2個(gè)分支,master分支用來存放靜態(tài)網(wǎng)頁文件,hexo用來存放hexo網(wǎng)站系統(tǒng)文件
本教程要求掌握基本的shell命令行語句,可參考:快樂的 Linux 命令行
博客文章建議采用markdown格式,如果您不是很了解可以看這篇文章:怎樣引導(dǎo)新手使用 Markdown?
感謝閱讀~