什么是 Hexo？

Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在幾秒內(nèi)，即可利用靚麗的主題生成靜態(tài)網(wǎng)頁。---來自“Hexo文檔”

配置環(huán)境

1. Node.js

   Node.js 是一個基于 Chrome V8 引擎的 JavaScript 運(yùn)行環(huán)境。
   Node.js 使用了一個事件驅(qū)動、非阻塞式 I/O 的模型，使其輕量又高效。
   Node.js 的包管理器 npm，是全球最大的開源庫生態(tài)系統(tǒng)。

   什么是npm？

   允許用戶從NPM服務(wù)器下載別人編寫的第三方包到本地使用。

   允許用戶從NPM服務(wù)器下載并安裝別人編寫的命令行程序到本地使用。

   允許用戶將自己編寫的包或命令行程序上傳到NPM服務(wù)器供別人使用。

   總而言之，就是要使用npm來安裝Hexo

2. 安裝Hexo

   打開Git Bash 或是 命令管理器，執(zhí)行以下命令就可以了，這樣本地就有了hexo的包

   路徑一般在C:/Users/用戶名/AppData/Roaming/npm/hexo

   $ npm install hexo-cli -g
   

部署博客

1. hexo實例

   • 創(chuàng)建一個文件夾，存放blog的配置文件

   • 執(zhí)行hexo命令

     $npm init
     

   • 初始完成，可以看到文件夾中多了以下文件：
     http://oxv1k8kvi.bkt.clouddn.com/18-3-31/54678877.jpg

     node_modules：依賴包（一些黑操作，官網(wǎng)有相應(yīng)的包，也可以自己編寫）
     scaffolds：文章模板（post默認(rèn)、page、draft）
     source：存放文章（/_post/xx.md）
     themes：主題（默認(rèn)landscape，有點(diǎn)丑，hexo官網(wǎng)預(yù)覽，下載自己心儀的主題）
     _config.yml：整個博客的配置（themes中也有一個同名文件，為了區(qū)分前者稱為站點(diǎn)配置文件 ，后者稱為主題配置文件）
     package.json：應(yīng)用程序的信息

2. 部署到github

   • 打開站點(diǎn)配置文件 ：_config.yml，Ctrl+F找到deploy，進(jìn)行如下配置，最后保存

     deploy:
       type: git
       repo: 你的github項目地址
       branch: master
     

     你的github項目地址

   http://oxv1k8kvi.bkt.clouddn.com/18-3-31/49030858.jpg

   • 執(zhí)行下面命令

     $ hexo clean
     $ hexo generate
     $ hexo server
     

     hexo文件解釋與命令，請參照Hexo文檔

   • 進(jìn)行本地預(yù)覽

     打開瀏覽器輸入：localhost:4000

     hexo server默認(rèn)打開的是4000端口

     如果不能打開，有可能是4000端口被其他程序給占用了

     第一種方法，請看端口被占用的解決方法

     第二種方法，切換端口

     $ hexo server -p [端口號]
     

     http://localhost:4000

• 上傳到GitHub服務(wù)器

  如果預(yù)覽沒問題的話，就可以上傳到服務(wù)器了

  $ hexo clean
  $ hexo generate
  $ hexo deploy
  

3. ? 發(fā)布文章

   $ hexo new [layout] <title>
   

   layout：文件夾scaffolds中的文章模板（post默認(rèn)、page、draft），也可以自定義

   title：文章標(biāo)題

   最后還是一樣預(yù)覽再發(fā)布到github服務(wù)器就ok啦~

   ?

參考鏈接

• Hexo文檔
• 使用hexo+github搭建免費(fèi)個人博客詳細(xì)教程