从某处关注到了github pages 这个东西,并且也关注到了hexo的构建,两者是可以结合起来,那就折腾一下

Git

  • 首先也是必须要注册一个Git,注册流程就不多说了,反正都是一样了,然后就新增一个Repository,名字必须是XXX.github.io,也必须是master主干,xxx是你的git的用户名参考 创建完成后,需要git客户端,客户端下载就不说了,百度都有。

NodeJs

  首先要安装nodejs挺多版本的 我的npm是1.4.28版本 作用是生成一些静态的html,安装成功后 可输入命令
mpn -v
查看当前版本 如果查看不了 证明安装失败,那就要重新安装了。

Hexo

  • 正式安装Hexo 建立文件夹hexo,切换到当前文件夹下,输入命令
    npm install -g hexo
    安装hexo,速度的快慢要看你的网速了。

  • 执行初始化hexo,命令:
    hexo init

  • 启动本地服务命令:
    hexo server(hexo s也可以)

  • 浏览器输入http://localhost:4000

浏览器有出现hexo的主题页面,证明安装成功了,若没出现,可以看下哪里配置出问题,一般是没有问题的。

配置Github

  • 找到hexo的配置文件_config.yml,这个文件在hexo的根目录下,打开配置文件。进行如下配置:
    type: git  
    repository: git@github.com:wenthywang/wenthywang.github.io.git
    branch: master
  • 执行命令:
    npm install hexo-deployer-git --save

网上会有很多说法,有的type是github, 还有repository最后面的后缀也不一样,是github.com.git,我也踩了很多坑,我现在的版本是hexo: 3.2.2,执行命令hexo -vsersion就出来了,貌似3.0后全部改成我上面这种格式了。

  • 执行配置命令:
    hexo deploy(hexo d)
  • 浏览器中输入http://wenthywang.github.io/就行了,我的github的账户叫wenthywang,把这个改成你github的账户名就行了

部署步骤

三步走:

  • hexo clean

  • hexo generate(hexo g)

  • hexo deploy(hexo d)

常用命令

  • hexo new”postName” #新建文章

  • hexo new page”pageName” #新建页面

  • hexo generate #生成静态页面至public目录

  • hexo server #开启预览访问端口(默认端口4000,’ctrl + c’关闭server)

  • hexo deploy #将.deploy目录部署到GitHub

  • hexo help # 查看帮助

  • hexo version #查看Hexo的版本