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)

相关文章
相关标签/搜索