使用Hexo+GitHub搭建個人博客

  1. 選擇一個目錄(最好不要在桌面)
  2. 在 GitHub 上新建一個空倉庫,倉庫名稱是「你的用戶名.github.io」(請將你的用戶名替換成真正的用戶名)
  3. 安裝Hexo:

npm install -g hexo-cli

  1. 創建自己的博客文件夾:

hexo init MyBlog

  1. 切換到自己的博客文件夾:

cd MyBlog

  1. 安裝 package.json 中記錄的模塊:

npm i

  1. 創建一個(測試)博客:

hexo new test

test.png
  1. 編輯這個文件,可在上圖所示的路徑中打開文件編輯。即在MyBlog\source_posts\目錄下,若用指令:

start source/_posts/test.md
注意:路徑的\和/區別,Windows下為\,而bash下為/,千萬不要弄錯了!!!

  1. 編輯站點配置:

start _config.yml

  • 把第 6 行的 title 改成你想要的名字
  • 把第 9 行的 author 改成你的大名
  • 把第 10 行的 language 改為:language: zh-Hans(即為中文簡體)
  • 把最后一行的 type 改成 type: git
  • 在最后一行后面新增一行,左邊與 type 平齊,加上一行 repo: 倉庫地址 (請將倉庫地址改為「你的用戶名.github.io」對應的倉庫地址,倉庫地址以 git@github.com: 開頭你知道吧?不知道?不知道的話現在你知道了)
  • 第 4 步的 repo: 后面有個空格,不要眼瞎。
  1. 安裝 git 部署插件:

npm install hexo-deployer-git --save

  1. 部署hexo:

hexo deploy

  1. 打開倉庫的GitHub Pages 功能,即可看到自己的博客頁!
  2. 創建第二篇博客:

hexo new 第二篇博客

  1. 編輯第二篇博客
  2. hexo generate
  3. hexo deploy
    如果你想換個主題可看下一篇文章:詳細配置Next部分功能及插件

參考文章:

NexT使用文檔
鄰家楓揚在知乎的回答
大都小酒館
5.1.0使用algolia搜索問題
1022_zhang's Blog

純屬個人簡單操作,望大佬些細心指出錯誤或不足之處!!!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容