笔记 简单的记录利用hexo来搭建一个github.io的博客站点
hexo
什么是hexo?Hexo是一个快速、简洁且搞笑的博客框架。Hexo使用Markdown(也可使用其他渲染引擎)来解析文章,在几秒内即可通过配置好的主题来生成静态网页。
安装
首先前提条件,你需要在电脑内安装好下列软件:(此部分省略)
- Node.js
- Git
然后,我们用npm执行下面命令就可以完成hexo的安装:
npm install -g hexo-cli
Hexo简要命令
hexo n #生成文章,或者也可以在source/_posts手动编辑
hexo s #本地预览
hexo g #生成public静态网站
#生成public目录之后,可以利用git来手动同步到github.io上
Github.io
注册
- 登录github并注册自己的帐号,例name
- 创建一个新的
repository
,名称必须是跟帐号名称一致,例name.github.io
- 首次创建需要耐心等待,之后就可以访问静态主页,输入
http://name.github.io
同步内容至Github
建议不要直接在hexo的public下面追加git版本管理,这里只做为参考
- 进到hexo生成的public目录并执行
git init
命令 - 追加远程git
git remote add xxxooo
- 然后提交修改并push到github上面
- 再次输入
http://name.github.io
你应该可以看到最新的页面了。
自动Deploy
想要自动发布到Github.io上面的话,我们需要用到hexo-deployer-git
这个功能组件。首先,还是利用npm install xxx
来安装,也可以在package.json
里面配置好。
然后找到_config.yml
里面的deploy
项,在这个配置项下面追加两个属性值type
和repo
,如下所示:
deploy:
type: git
repo: git@github.com:jmz331/jmz331.github.io.git
然后就是配置好本地提交github的权限,具体设置参考 如何配置github