Hexo簡介


Hexo是什么

Hexo(中文官方網站)是一個快速, 簡潔且高效的博客框架. 讓上百個頁面在幾秒內瞬間完成渲染. Hexo支持Github Flavored Markdown的所有功能, 甚至可以整合Octopress的大多數插件. 並自己也擁有強大的插件系統.

安裝

Hexo是基於node.js的, 所以我們在安裝它之前需要用到npm安裝工具, 這個工具是 node.js 安裝包的工具, 所以, 我們先要安裝 node.js.

使用apt-get安裝 nodejs.

$ sudo apt-get install -y nodejs

安裝 npm

已經安裝好了nodejs, 現在安裝npm.

$ sudo apt-get install npm

安裝 Hexo

現在我們使用npm安裝hexo.

$ sudo npm install hexo-cli -g

創建Blog

現在我們已經完成hexo的安裝, 那么現在我們來創建一個Blog.

1. 創建一個叫blog網站

$ hexo init blog

  • 如果不寫blog, 就會在當前目錄進行初始化. 如果后面跟了名子就會創建目錄並在目錄進行初始化操作, 以這個名子為目錄名.

2. 我們進入創建的blog目錄里. 並運行該服務.

$ cd blog
$ npm install
$ hexo server

3. 打開瀏覽器, 在地址欄輸入http://localhost:4000/可以看到我們剛剛創建的blog首頁.

4. 修改blog目錄下的_config.yml配置文件將網站自部署到Github上.

$ vim _config.yml ---> [在最后一行增加] ------------------------------------- deploy: type: git repo: https://github.com/github-name/github-name.github.io.git branch: master

  • 注意在type前面需要增加兩個空格, 在type的冒號后面需要增加一個空格. 請保持代碼風格一致. 否則會出現錯誤或是不正確的問題.

  • 注: 如果沒有github的可能參考另一篇關於github創建個人網站的文章.

5. 安裝部署使用到的git插件.

在這里我們使用的是git源碼管理工具, 所以, 我需要安裝git包進行部署, 安裝這個插件才能使用git進行自動部署

$ npm install hexo-deployer-git --save

6. 進行生成網站

當我們部署網站前, 需要先生成靜態網站. 它會自動在目錄下創建public的目錄, 並將新生成的網頁存放在這個目錄里.

$ cd blog
$ hexo g

7. 進行自動部署網站, 注意部署前需要重新生成網站, 每一次修改后都需要重新生成網站並進行部署, 生成網站前第6步.

$ hexo d

如果在部署出現錯誤信息如果下: 請參考第5步, 需要安裝git插件

ERROR Deployer not found: git

8. 如果上面都順利完成了, 恭喜你, 你已成功的完成的網站的部署, 這時打開你的瀏覽器.輸入你的網站吧.

9. 參考官方文檔進行開始新的旅程吧.

參考文獻

 
       


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM