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


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

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

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

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

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

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

  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)來編輯該文件。

  8. 部署博客到 github

  • 部署到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 deploy 命令部署博客到github上;

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

注意兩大坑:

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

2、然后部署到git上記得修改url,不然可能發布之后有些js和css文件路徑找不到!

(2017. 05. 09)


免責聲明!

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



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