从某处关注到了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也可以)
浏览器有出现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的版本