Gitpage + hexo(3.0以上)搭建博客

大半天,一邊折騰,一邊查找各類文檔,寫出的這篇文檔,不知道有沒有把程序表示得足夠簡明,有不足之處望指明。css

  1. 前提:已安裝好nodeJS和git。html

  2. 桌面右擊進入gitbash,輸入npm install -g hexo安裝hexo,關閉gitbash。node

  3. 在電腦中創建一個名爲【hexo】的文件夾,新建的文件夾右擊打開gitbash,輸入hexo init 命令,命令執行完後,根據提示接着執行 npm install 命令。git

  4. 運行hexo server 命令,出現running字樣說明Hexo Server已經啓動了,在瀏覽器中打開http://localhost:4000/,能夠看到生成的博客,按ctrl+C能夠中止server;。github

  5. 新打開一個git bash命令行窗口,cd到/D/hexo下,執行 hexo new 「My New Post」 命令,能夠生成一篇新的文章 「My New Post」,打開http://localhost:4000/ 能夠預覽到新生成的文章。npm

  6. 執行 hexo generate命令能夠將markdown文章生成靜態網頁,該命令執行完後,會在 D:\Hexo\public 目錄下生成一系列html,css等文件。瀏覽器

  7. hexo new 「My NewPost」會在D:\Hexo\source _posts目錄下生成一個markdown文件:My-New-Post.md,能夠使用一個支持markdown語法的編輯器(好比 Sublime Text 2)來編輯該文件。bash

  8. 部署博客到 githubmarkdown

  • 部署到Github前須要配置_config.yml文件,首先找到下面的內容
Deployment
                Docs: http://hexo.io/docs/deployment.html
                deploy:
                type:
  • 而後將它們修改成
Deployment
           Docs: http://hexo.io/docs/deployment.html
           deploy:
           type: git(新版本的hexo必須用git,否則會出錯)
           repository:git@github.com:zhchnchn/zhchnchn.git(新版本用SSH否則會出錯)
           branch: gh-pages
  • 執行 npm install hexo-deployer-git –save 命令(hexo3.0以上的版本必須在執行此命令後才能部署到git上)hexo

  • 執行hexo deploy 命令部署博客到github上;

  • 部署完成後,在瀏覽器中打開http://zhchnchn.github.io/(https://zhchnchn.github.io/) ,正常顯示網頁,代表部署成功。

注意兩大坑:

一、deploy不了,3.0版本以上要執行這個命令: npm install hexo-deployer-git
–save,切記!否則可能一直error

二、而後部署到git上記得修改url,否則可能發佈以後有些js和css文件路徑找不到!

(2017. 05. 09)

相關文章
相關標籤/搜索