网上学习的Hexo+GitHub搭建私人博客。
前期准备工作:安装Node.js和Git客户端;申请GitHub账号;创建Hexo相对应的仓库。
下面为计算机上的操作(系统为Windows):
- 在计算机创建Hexo目录
启动npm,进入创建的Hexo根目录,下载hexo
$ npm install -g hexo
初始化hexo
$ hexo init
生成项目(已生成查看文件变动)
$ hexo g (hexo generate)
本机启动服务预览(成功后可以在本地浏览器查看效果http://localhost:4000/)
$ hexo s (hexo server)
上面的步骤完成后,如果本地浏览器能成功预览效果,接下来就是将本地已经生成的项目提交到github上面
修改 Hexo 根目录下的 _config.yml文件 里面的deploy 字段
type: git
repository: https://github.com/你的GitHub地址/仓库名.github.io.git
branch: master
部署项目
$ hexo d (hexo deploy)
提交成功后,可以登录github查看项目提交结果,也可以在浏览器输入github上的仓库名称,若成功提交,则会弹出hexo的一个hello world页面。
提交成功并且能正常打开blog之后,不需要急于去写文章,可以先给自己的blog设置一个主题,网上搜索并且下载替换原始主题。
先下载主题(npm里面输入)
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
然后修改创建的Hexo根目录下的 _config.yml文件
theme: yilia
然后先在本地启动服务查看替换效果
hexo server
成功切换主题后,重复生成项目和部署项目
hexo g
hexo d
上面完成之后,可以在浏览器输入blog的网址(github仓库的名称)查看效果。
上面的步骤做完以后,就可以开始写自己的文章了
hexo new “文章名”
Hexo使用的是markdown作为编辑语言。文章创建之后,需要稍微了解MD语言的语法,新的篇章就开启啦。
每次编辑完成后,重复 g 和 d 的操作,同步到github上面。
以下是这中间遇到的一些问题总结
- hexo deploy
使用npm提交报失败,最后提交使用的是git bash工具
- 使用yilia这个主题,踩了不少坑
首先就是自定义的一些东西的去除,基本在主题的_config.yml文件里面修改,还有一些动态生成的地方,需要去主题相关的css和js以及ejs文件里面修改(这个不同主题修改的地方不一样,就不详细说明了)。
- node版本的问题
在windows下,yilia这个主题需要添加的一个 hexo-generator-json-content插件类似的东西,要求node版本大于6.2,但是根据网上查找的做法,一直没有完成在windows下的node的升级,后续看要不要更换主题。