一直想有一個(gè)高大上的方便寫博客的地方,去各大網(wǎng)站查探雏蛮,最終都不合心意。偶然發(fā)現(xiàn)GitHub這個(gè)空間站棉安,深受極客精神感染底扳,于是也來裝逼一把铸抑。下面是網(wǎng)上搜羅的資料整合贡耽,主要參考資料見文末。
一鹊汛、安裝Node.js
二蒲赂、安裝Git
三、安裝Hexo
1 $ cd d:/hexo
2 $ npm install hexo-cli -g
3 $ hexo init blog
4 $ cd blog
5 $ npm install
6 $ hexo g # 或者h(yuǎn)exo generate
7 $ hexo s # 或者h(yuǎn)exo server刁憋,可以在http://localhost:4000/ 查看
發(fā)表新文章
用hexo發(fā)表新文章
$ hexo n #寫文章
Hexo主題設(shè)置
這里以主題hexo-theme-next為例進(jìn)行說明滥嘴。
- 安裝主題
1 $ hexo clean
2 $ git clone https://github.com/iissnan/hexo-theme-next themes/hexo-theme-next
- 啟用主題
修改Hexo目錄下的_config.yml配置文件中的theme屬性,將其設(shè)置為hexo-theme-next至耻。 - 更新主題
1 $ cd themes/hexo-theme-next
2 $ git pull
3 $ hexo g # 生成
4 $ hexo s # 啟動(dòng)本地web服務(wù)器
現(xiàn)在打開http://localhost:4000/ 若皱,會(huì)看到我們已經(jīng)應(yīng)用了一個(gè)新的主題镊叁。
使用hexo deploy部署
hexo deploy可以部署到很多平臺(tái),具體可以參考這個(gè)鏈接. 如果部署到github走触,需要在配置文件_config.xml中作如下修改:
1 deploy:
2 type: git
3 repo: git@github.com:particleD/particleD.github.io.git
4 branch: master
然后在命令行中執(zhí)行
1 hexo d
即可完成部署晦譬。
1)注意需要提前安裝一個(gè)擴(kuò)展:
1 $ npm install hexo-deployer-git --save
使用git命令行部署(optional)
不幸的是,上述命令雖然簡(jiǎn)單方便互广,但是偶爾會(huì)有莫名其妙的問題出現(xiàn)敛腌,因此,我們也可以追本溯源惫皱,使用git命令來完成部署的工作像樊。
clone github repo
1 $ cd d:/hexo/blog
2 $ git clone https://github.com/particleD/particleD.github.io.git .deploy/particleD.github.io
將我們之前創(chuàng)建的repo克隆到本地,新建一個(gè)目錄叫做.deploy用于存放克隆的代碼旅敷。
創(chuàng)建一個(gè)deploy腳本文件
1 hexo generate
2 cp -R public/* .deploy/particleD.github.io
3 cd .deploy/particleD.github.io
4 git add .
5 git commit -m “update”
6 git push origin master
簡(jiǎn)單解釋一下生棍,hexo generate生成public文件夾下的新內(nèi)容,然后將其拷貝至particleD.github.io的git目錄下扫皱,然后使用git commit命令提交代碼到particleD.github.io這個(gè)repo的master branch上足绅。
需要部署的時(shí)候,執(zhí)行這段腳本就可以了(比如可以將其保存為deploy.sh)韩脑。執(zhí)行過程中可能需要讓你輸入Github賬戶的用戶名及密碼氢妈,按照提示操作即可。
插入圖片
經(jīng)過上面的一系列安裝配置過程段多,實(shí)現(xiàn)了自由主題切換首量,一鍵式Deploy。然而进苍,還有一點(diǎn)小遺憾加缘,博客上放本地圖片仍然是個(gè)問題。于是找到下面的解決方案觉啊,贊一個(gè)拣宏。
CodeFalling/hexo-asset-image的插件來加載本地圖片。使用方法
1.首先確認(rèn) _config.yml
中有 post_asset_folder:true
杠人。
Hexo 提供了一種更方便管理 Asset 的設(shè)定: post_asset_folder
當(dāng)您設(shè)置 post_asset_folder
為 true
參數(shù)后勋乾,在建立文件時(shí),Hexo
會(huì)自動(dòng)建立一個(gè)與文章同名的文件夾嗡善,您可以把與該文章相關(guān)的所有資源都放到那個(gè)文件夾辑莫,如此一來,您便可以更方便的使用資源罩引。
2.在hexo的目錄下執(zhí)行npm install https://github.com/CodeFalling/hexo-asset-image --save
(需要等待一段時(shí)間)各吨。
3.完成安裝后用hexo新建文章的時(shí)候會(huì)發(fā)現(xiàn)_posts目錄下面會(huì)多出一個(gè)和文章名字一樣的文件夾。圖片就可以放在文件夾下面袁铐。結(jié)構(gòu)如下:
-
本地圖片測(cè)試
├── apppicker.jpg
├── logo.jpg
└── rules.jpg 本地圖片測(cè)試.md
這樣的目錄結(jié)構(gòu)(目錄名和文章名一致)揭蜒,只要使用試/logo.jpg)
就可以插入圖片横浑。其中[]里面不寫文字則沒有圖片標(biāo)題。
生成的結(jié)構(gòu)為
public/2016/3/9/本地圖片測(cè)試
├── apppicker.jpg
├── index.html
├── logo.jpg
└── rules.jpg
同時(shí)屉更,生成的 html 是
試/logo.jpg)
參考:
1.https://linghucong.js.org/2016/04/15/2016-04-15-hexo-github-pages-blog/
2.http://www.reibang.com/p/c2ba9533088a
本想著搭一個(gè)高大上的屬于自己的空間伪嫁,可是對(duì)比起能夠直接復(fù)制粘貼圖片的簡(jiǎn)書,懶惰使我放棄了Github的使用偶垮。于是將此文作為簡(jiǎn)書上的第一篇博客张咳,作為我反反復(fù)復(fù)尋找博客安生之所的記錄。我就想開開心心簡(jiǎn)簡(jiǎn)單單的寫點(diǎn)東西似舵。
PS:
簡(jiǎn)書上使用markdown插入公式可以使用Google Chart的服務(wù)器或者LaTeX(看到LaTeX簡(jiǎn)直倍感親切)脚猾。


顯示為