Hexo創建自己博客

安裝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官網

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章