安裝Hexo
1、前提已經安裝了nodejs(點擊安裝nodejs指導),首先安裝 Hexo ,完成後初始化Hexo,將會在指定文件夾中新建所需要的文件。
$ npm install hexo-cli -g
$ hexo init <folder>
$ cd <folder>
$ npm install
2、安裝項目所需的依賴項
會生成以下文件:
需要說明的是:_config.yml是博客項目的配置文件;package.json是項目的依賴項文件;scaffolds保存了Markdown文件的模板,也就是向新添加的Markdown文件中默認填充的內容;source目錄下有一個名爲_post的目錄,我們稍後可以將編寫好的Markdown文件放到該目錄,這樣就可以利用Hexo將Markdown文件處理成博客的靜態頁面,生成的靜態頁面將置於public目錄下;themes文件夾保存了博客使用的主題。
3、生成靜態頁面
$ hexo generate
#或者簡寫
$ hexo g
4、啓動服務:
$ hexo server
啓動服務器。默認情況下,訪問網址爲: http://localhost:4000/
將博客託管到github
我們可以利用GitHub網站提供的Pages服務來託管我們的博客。在GitHub Pages的首頁上就有一個教程指導我們如何託管自己的網站,當然第一步得在GitHub上註冊一個屬於自己的賬號,登錄成功之後才能進行後續的操作。
1、根據自己的用戶名創建一個倉庫,倉庫一定要取名爲“用戶名.github.io”。例如:我在GitHub上的用戶名是jackfrued,那麼我的託管博客項目的倉庫一定要命名爲jackfrued.github.io。
2、修改博客項目的配置文件_config.yml,配置使用GitHub來部署該博客項目。
# 省略上面的內容
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/myname/myname.github.io.git
branch: master
上面的配置中,type指定了使用git進行項目部署,repo指定了部署項目的git倉庫的URL,我們這裏使用的是HTTPS的地址,如果之前配置過密鑰對也可以使用SSH的地址,branch指定了將代碼同步到倉庫中的哪一個分支,通常master分支就是發佈項目最終工作成果的分支,也稱爲項目的主分支。
3、安裝名爲hexo-deployer-git的部署器插件,通過該插件就能實現一鍵部署。
npm install hexo-deployer-git --save
4、一鍵部署到GitHub
hexo deploy -g
或者
hexo generate -d
我在執行的時候報錯:
報錯的原因是我的git沒有配置用戶名和email,所以無法push到github上,這裏需要配置下(配置方法)
windows系統的項目目錄下右鍵—點擊 git bash here
然後會彈窗命令窗口,輸入:
$ git config --list
繼續
$ git config --global user.name "輸入你的用戶名"
$ git config --global user.email "輸入你的郵箱"
然後重新執行下命令就ok了。
下面是我發佈後的頁面
更換主題
選擇主題並clone到項目的themes目錄下
$ git clone https://github.com/chaooo/hexo-theme-BlueLake.git themes/BlueLake
再安裝依賴
clean且重新發布到github
更多操作信息請點擊訪問Hexo官網