hexo+github+next搭建博客網站

我的博客網站的搭建

1. 配置好Node和git的環境

2. 安裝hexo

• npm i hexo -g

• 安裝成功後輸入hexo -v 檢查是否安裝成功

• 新建博客項目文件夾(文件夾下不能有內容)，在該文件夾下輸入hexo init初始化

3.安裝hexo-server

因爲如今hexo 和 hexo-server 分離開了，若是想本地起服務的話須要安裝hexo-server

• npm i hexo-server -S

• 接着輸入hexo g生成靜態文件

• hexo s開啓服務器，正式體驗Hexo

訪問localhost:4000出現上圖所示表明成功了，若是頁面一直沒法跳轉，那麼可能端口被佔用了。

• 輸入hexo server -p 端口號來改變端口號

4. 將hexo與github聯繫起來

• 首先在github上新建一個倉庫

• 命名規則爲{name}.github.io

• 配置hexo目錄下的_config.yml文件，修改deploy值(在末尾)

deploy:
type: git
repo: git@github.com:YaleWan/blog.git #你的GitHub Pages的倉庫地址
branch: master
複製代碼

5. 發表一篇文章

• 新建一篇博客文章

  在hexo文件目錄下打開cmd，輸入hexo new post '文章名'

  或者直接將寫好的md文章放到hexo目錄下的source中的_posts下面

• 在部署以前，安裝一個擴展npm i hexo-deployer-git --save

• 最終經過hexo d -g實現部署。

• 部署成功後訪問地址:`http://GitHub的訪問地址

  注意：若是出現了以下圖所示狀況

  那須要在blog>_config.yml中配置一下url和root

5. 添加next主題

固然，hexo自帶的主題並非很好看，本文以next主題爲例來修改hexo的默認主題

next的官方文檔

• 在hexo站點目錄下打開cmd窗口

  git clone https://github.com/iissnan/hexo-theme-next themes/next
  複製代碼

• 下載完成後打開站點配置文件_config.yml將theme修改爲next便可

總結

寫博客是一種高效的學習方式，能將本身學到的知識記錄下來，避免遺忘的同時更一步增長本身的理解。