前戲
嗯揪胃。修械。
創(chuàng)建Github Page倉庫
首先需要在github中創(chuàng)建一個(gè)名為你的名字.github.io的新倉庫來存放頁面代碼。這樣在這個(gè)倉庫中部署的代碼可以通過你的名字.github.io這個(gè)網(wǎng)址來直接訪問預(yù)覽頁面但金,而且以后還可以用自己購買的域名來替換github分配的網(wǎng)址。
搭建本地環(huán)境
Hexo是在本地環(huán)境中將markdown文件和主題一起渲染打包功蜓,然后發(fā)布推送到github上,所以首先需要部署本地環(huán)境蕊梧。
本機(jī)安裝了node的前提下霞赫,打開一個(gè)安全的路徑,直接逐條執(zhí)行以下命令肥矢。
npm install -g hexo-cli
hexo init myBlog
cd myBlog
npm i
然后打開myBlog目錄中的_config.yml端衰,稍微做一點(diǎn)配置。
- 第6行title甘改,改為網(wǎng)站的名字旅东。
- 第9行author,改為作者的名字十艾。
- 最后一行type改為
type: git
抵代。 - 最后一行添加
repo: {你的倉庫地址}
。
配置完成后再執(zhí)行最后一句 npm install hexo-deployer-git --save
忘嫉。
這樣本地環(huán)境就搭建好了荤牍,很簡單,想要看看效果的話執(zhí)行hexo deploy
稍等片刻打開github page地址就可以看到搭建好的博客了庆冕。
發(fā)布文章
博客當(dāng)然是要用來寫文章的康吵,而發(fā)布文章的流程也同樣很簡單。
- 執(zhí)行
hexo new 文章名稱
访递。 - 進(jìn)入source/_posts目錄晦嵌,打開剛剛新建的文章,開始創(chuàng)作拷姿。
- 寫完文章后執(zhí)行
hexo generate
生成修改后的博客頁面惭载。 - 再執(zhí)行
hexo deploy
就可以發(fā)布到github了。
修改主題
主題當(dāng)然也是可以換的响巢。
- 先從這里挑一個(gè)自己看著順眼的主題描滔,復(fù)制它的clone地址。
- 執(zhí)行
git clone git@github.com:iissnan/hexo-theme-next.git themes/{主題名字}
下載主題抵乓。 - 修改_config.yml文件75行為剛剛下載的主題名字伴挚。
- 執(zhí)行
hexo generate
和hexo deploy
打包發(fā)布。
這樣就完成了灾炭。
結(jié)語
以前沒有用過Hexo,嘗試了一下發(fā)現(xiàn)確實(shí)很方便颅眶,但是還是覺得少了點(diǎn)什么蜈出,畢竟個(gè)人主頁還是喜歡自己一點(diǎn)一點(diǎn)搭建出來的感覺吧。