hexo安裝配置及初步使用

文章目錄

• 1. 安裝前提
• • 1.1 安裝 Git
  • 1.2 安裝 Node.js
• 2. 安裝 Hexo
• 3. 使用 hexo
• 4. 初始化項目
• 5. 更換主題
• • 5.1 下載下傳位址
  • 5.2 配置主題
• 6. 上傳到github
• 7. 技巧
• • 7.1 快捷指令
  • 7.2 部落格備份（快捷指令更新版）

1. 安裝前提

安裝hexo之前，需要安裝下列應用程式：

• Node.js
• Git

1.1 安裝 Git

• Windows：下載下傳并安裝 Git(官網)或者淘寶 Git for Windows 鏡像，安裝選項全部預設，在最後一步添加路徑時選擇

  Use Git from the Windows Command Prompt

  ，這樣我們就可以直接在指令提示符裡打開Git了
• Mac：使用 Homebrew, MacPorts 或者下載下傳安裝程式。
• Linux (Ubuntu, Debian)：

sudo apt-get install git-core
           

• Linux (Fedora, Red Hat, CentOS)：

sudo yum install git-core
           

安裝完成後，在bash中輸入

git --version

驗證是否安裝成功。

1.2 安裝 Node.js

• Node.js 為大多數平台提供了官方的安裝程式。對于中國大陸地區使用者，可以前往淘寶 Node.js 鏡像下載下傳。
• 安裝完成後，在bash中輸入

  node -v

  驗證是否安裝成功。

2. 安裝 Hexo

• 安裝必備應用程式後，即可使用

  npm

  （你配嗎hahaha開個玩笑）來安裝hexo

$ npm install -g hexo-cli
           

3. 使用 hexo

安裝後，可以使用兩種方式執行hexo（推薦使用第二種哦🐶~~~）：

• npx hexo <指令>

• 将 hexo 所在的目錄下的

  node_modules

  添加到環境變量之中即可直接使用

  hexo <指令>

  ：

  echo 'PATH="$PATH:./node_modules/.bin"' >> ~/.profile
             

hexo走起！

4. 初始化項目

• 為你的部落格建立一個新的檔案夾，該檔案夾未來就是你部落格放代碼的地方，随便放哪都行。比如我的是：

  D:\MyBolg

  ，建立指令如下：

  hexo init /d/mybolg			# Windows指令行不區分大小寫
             

• 初始化後，目錄結構如下：

  .
  ├── _config.yml
  ├── package.json
  ├── scaffolds
  ├── source
  |   ├── _drafts
  |   └── _posts
  └── themes
             

  1. _config.yml是總配置檔案，裡面可以修改很多東西，建議裡面的所有設定都可以看看，根據裡面的注釋進行響應的改動，這裡就不展開了。
  2. themes目錄下會自動生成一個預設的主題

     landscape

     ，并且在source/_post目錄下也自動生成了第一篇部落格

     hello-world

• 啟動本地預覽服務指令：

  hexo s

  ，然後在浏覽器通路http://localhost:4000即可看到預設的部落格内容

  小妙招：可以使用

  hexo -h

  檢視hexo指令格式以及選項

5. 更換主題

5.1 下載下傳位址

• hexo主題下載下傳位址：https://hexo.io/themes/#simple
• 選擇一個你喜歡的主題，将其下載下傳并儲存到

  themes/

  目錄下。比如下載下傳的主題為xxx，其相對于部落客目錄的路徑為

  themes/xxx

5.2 配置主題

• 将

  _config.yml

  中

  theme: landscape

  修改為

  theme: xxx

  ，執行

  hexo g

  重新生成一下，g就表示generate選項。
• 如果出現一些莫名其妙的問題，可以先執行

  hexo clean

  來清理一下public的内容，然後再來重新生成和釋出。

6. 上傳到github

• 修改_config.yml檔案的deploy，直接修改一下yourname部分就可以了

  deploy:
    type: git
    repository: [email protected]:yourname/yourname.github.io.git
    branch: master
             

• 使用hexo deploy将本次改動的代碼全部送出到github上

7. 技巧

7.1 快捷指令

• 其實就通過 alias，觸發一些指令的集合

  在

  ~/.bashrc

  檔案中添加

  alias hs='hexo clean && hexo g && hexo s'  #啟動本地服務
  alias hd='hexo clean && hexo g && hexo d'  #部署部落格
             

  甚至你也可以加入備份文章的指令，可以自由發揮。

7.2 部落格備份（快捷指令更新版）

• 為了保證我們寫的文章不丢失、快速遷移部落格，都需要備份我們的 blog

1. 部落格根目錄，執行

   git init

   建立 git 倉庫
2. 在 github（或其他托管平台、自建遠端倉庫等） 建立倉庫并和本地倉庫建立聯系
3. 在

   ~/.bashrc

   檔案中添加

   alias hs='hexo clean && hexo g && hexo s'
   alias hd='hexo clean && hexo g && hexo d && git add . && git commit -m "update" && git push -f'
              

• 這樣，我們在執行

  hs

  啟動本地預覽服務，當執行

  hd

  進行部署時，就一同将部落格進行備份了