之前出過幾期搭建 hexo 的文章,但是有不少朋友私信說系統(tǒng)是windows的,希望出一期windows環(huán)境下的hexo搭建文章。
為此,確??捎眯裕P者在linux(筆者的系統(tǒng)環(huán)境)環(huán)境下安裝了windows虛擬機重新演練了一遍,確保沒有什么漏洞,才寫下了此文。
本文會非常詳細,以確保沒有計算機背景的小白也可以輕松上手
環(huán)境搭建
安裝git
1).下載:從官網(wǎng)下載windows版本的git
下載地址:
https://git-scm.com/download/win
2).安裝:雙擊安裝,一直點擊下一步即可
安裝node.js
1).下載:從官網(wǎng)下載windows版本的node.js安裝包(.msi后綴)
下載地址:
https://nodejs.org/zh-cn/download/
2).安裝:雙擊安裝,一直點擊下一步即可
安裝hexo
在任意目錄如桌面,點擊鼠標(biāo)右鍵,選擇Git Bash Here這一項,打開git bash命令框(前提是git安裝成功),如下圖

在打開的命令窗內(nèi)輸入下面的命令進行安裝
npm install hexo-cli -g
安裝過后,輸入 hexo -v,出現(xiàn)下面信息,則表示安裝成功
$ hexo -v
hexo-cli: 1.0.2
os: Windows_NT 6.1.7601 win32 x64
http_parser: 2.7.0
node: 6.10.0
v8: 5.1.281.93
uv: 1.9.1
zlib: 1.2.8
ares: 1.10.1-DEV
icu: 58.2
modules: 48
openssl: 1.0.2k
初始化blog
進入準(zhǔn)備創(chuàng)建blog的目錄,同樣點擊鼠標(biāo)右鍵,打開git bash命令框,
執(zhí)行一下命令進行初始化
$ hexo init myblog
就會自動創(chuàng)建一個名字為myblog目錄,這時本地blog就已經(jīng)創(chuàng)建好了。
進入blog目錄,啟動 blog
$ cd myblog
$ hexo server
在瀏覽器輸入 127.0.0.1:4000就可以訪問到剛剛創(chuàng)建好的blog了。
換皮膚
如果覺的自帶的皮膚太難看。可以根據(jù)以下步驟更換皮膚
在官網(wǎng) 可以查看各種各樣的皮膚,挑選自己喜歡的皮膚
這里以 3-hexo 這款皮膚為例(這款皮膚是筆者寫的,效果可查看 yelog.org)
1)進入皮膚的 github:3-hexo
找到 clone or download ,復(fù)制它的url:https://github.com/yelog/hexo-theme-3-hexo.git
2)進入 myblog 目錄,打開 git bash 命令框,執(zhí)行以下命令將皮膚下載到themes目錄下
$ git clone https://github.com/yelog/hexo-theme-3-hexo.git themes/3-hexo
將
myblog/_config.yml中的theme: landscape改為theme: 3-hexo重新渲染,啟動服務(wù)器
$ hexo clean && hexo g && hexo s
- 打開瀏覽器查看效果,換膚成功
如何寫文章
文章在 myblog/source/_posts/ 下,以markdown格式寫成,筆者推薦使用atom作為寫作工具。
可以通過 hexo new 文章名 來創(chuàng)建一篇文章,當(dāng)然也可以直接在 _posts 目錄下直接新建.md文件。
執(zhí)行命令 仍是在 myblog 目錄下,打開 git bash 命令框。以下是常用命令,其他可以查閱官網(wǎng)。
# 創(chuàng)建一個標(biāo)題為“git教程”的文章
$ hexo new "git教程"
# 清除所有渲染的頁面
$ hexo clean
# 將markdown渲染成頁面
$ hexo g
# 啟動hexo
$ hexo s
發(fā)布到網(wǎng)上
關(guān)于如何發(fā)布到公網(wǎng),可以查看筆者的這兩期文章
Hexo+GitHubPages搭建屬于自己的blog
Hexo+Git服務(wù)器搭建全自動blog發(fā)布平臺
今天的教程就到這里,有什么問題可以在評論區(qū)交流。