Hexo部署到Githubpage
Hexo简介
一个基于Nodejs的静态博客部署系统,适合静态博客的部署需求。
准备工作
主要分为两部分:github的准备和本机的hexo的部署
本地的hexo部署
- 首先安装nodejs
- nodejs安装好,一般就配置了包管理方式npm,但是由于国内的网络常常安装失败,所以推荐先
npm install cnpm -g --registry=https://registry.npm.taobao.org
,之后的每一步npm都可以替换为cnpm,cnpm是淘宝做的适合国内的用户使用的npm,镜像源每10min和官方同步一次。 sudo cnpm install hexo-cli -g
通过cnpm安装hexo-clihexo init github用户名.github.io
生成你的hexo主文件夹以及配置里面的内容hexo generate
可以简写hexo g,把原始的md文章放在source/_post
下面,主题放在themes下面,通过这个命令把他们生成静态页面cnpm install hexo-server --save
安装hexo-server,然后通过hexo server
使得可以本地启动,就可以在浏览器通过http://localhost:4000
预览效果。
hexo本地简单的配置就完成了。
github的准备
- 在github网站上创建同用户名的
用户名.github.io
仓库,之后的操作又回到本地的电脑进行 - 切换到
用户名.github.io
目录,通过git init在hexo目录(也就是用户名.github.io
目录)生成git仓库 - 配置github到本地的认证,
ssh-keygen -t rsa -C “github邮箱”
,会生成一个id_rsa.pub
文件,在github账户设置中设置ssh keys,key的内容就是将id_rsa.pub中的代码全部复制过来。详细的git可参考这里 git config –global user.name github用户名
,git config –global user.email github邮箱
方便之后同github网站认证
hexo开始部署到githubpage
你的hexo目录下有这几个文件:_config.yml,node_modules,public,source,db.json,package.json,scaffolds,themes
现在我们需要编辑_config.yml文件,这是我们的hexo配置文件。
命令:vim _config.yml
编辑
翻到最下面,改成:
deploy:
type: git
repo: https://github.com/你的github用户名/你的github用户名.github.io.git
branch: master
完成后:wq退出。
然后执行命令:cnpm install hexo-deployer-git --save
让hexo支持git部署。
最后hexo deploy
部署到githubpage,之后访问你的github用户名.github.io即可。
补充
每次部署的步骤,可按以下三步来进行。
- hexo clean
- hexo generate
- hexo deploy
可以直接hexo clean && hexo g -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的版本