Gitpage + hexo（3.0以上）搭建博客

Posted 2020-10-14 Canace

大半天，一边折腾，一边查找各种文档，写出的这篇文档，不知道有没有把程序表示得足够简明，有不足之处望指明。

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:[email protected]: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）