Hexo搭建博客2019-04-08

使用Hexo創(chuàng)建博客

  1. 進(jìn)入一個(gè)安全的目錄,比如
cd ~/Desktop
  1. 在 GitHub 上新建一個(gè)空 repo,repo 名稱是「用戶名.github.io」;
  2. 安裝 Hexo
npm install -g hexo-cli
hexo init myBlog
cd my Blog
npm i
hexo new 開博大吉

這邊nmp i 時(shí)出現(xiàn)問題,最后通過管理員權(quán)限打開bush解決問題;

  1. 會(huì)看到一個(gè) md 文件的路徑;


    image
  2. 打開并編輯;
start "~/Desktop/myBlog/source/_posts/開博大吉.md"
  • 注意引號和斜杠Windows 的路徑中的 \ 需要變成 / ;

  • 這邊路徑里沒有空格,不需要加引號,否則出錯(cuò),如圖;


    image
  1. 編輯網(wǎng)站配置
start _config.yml
  • 把第 6 行的 title 改成想要的名字;
  • 把第 9 行的 author 改成大名;
  • 把最后一行的 type 改成 type: git;
  • 在最后一行后面新增一行,左邊與 type 平齊,加上一行 repo: 倉庫地址 (請將倉庫地址改為「你的用戶名.github.io」對應(yīng)的倉庫地址,倉庫地址以 git@github.com: 開頭)
  • 第 4 步的 repo: 后面有個(gè)空格,不要眼瞎。
  1. 安裝 git 部署插件
npm install hexo-deployer-git --save
hexo deploy
  1. 進(jìn)入「你的用戶名.github.io」對應(yīng)的 repo,打開 GitHub Pages 功能;

  2. 出現(xiàn)預(yù)覽鏈接;


    image
  3. 進(jìn)入"預(yù)覽鏈接/index.html"


    image

創(chuàng)建新的博客

  1. 新建
hexo new 第二篇博客
  1. 使用start 路徑來編輯它


    image
  2. hexo generate
  3. hexo deploy
  4. 刷新

換主題

  1. 進(jìn)入https://github.com/hexojs/hexo/wiki/Themes,選擇喜歡的主題;
  2. 進(jìn)入主題的首頁,復(fù)制SSH或者Http鏈接;


    image
cd themes
git clone git@github.com:iissnan/hexo-theme-next.git
cd ..
  1. 將 _config.yml 的第 75 行改為 theme: hexo-theme-next,保存;
hexo generate
hexo deploy
  1. 等一分鐘,然后刷新博客頁面。

上傳源代碼

  1. 新建倉庫;


    image
  2. 復(fù)制命令執(zhí)行即可。


    image

這樣一來,你的博客發(fā)布在了「你的用戶名.github.io」而你的「生成博客的程序代碼」發(fā)布在了 blog-generator。所有數(shù)據(jù)萬無一失,你就不會(huì)因?yàn)檎`刪 myBlog 目錄而痛哭了。
以后每次 hexo deploy 完之后,博客就會(huì)更新;然后你還要要 add / commit /push 一下「生成博客的程序代碼」,以防萬一。
這個(gè) blog-generator 就是用來生成博客的程序,而「你的用戶名.github.io」倉庫就是你的博客頁面。--饑人谷

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容