Hexo+github制作个人博客
已经拖了好久了,终于下定决心想把自己怎么使用hexo+github更新博客的过程记录下来
首先你得了解如下技术和技能:
- npm
–node package management 是node的包管理器,可以用npm命令安装各种互联网的资源如js库 - hexo
–这是一款用node.js开发的开源博客模板引擎,我就是用的它生成的这个博客,与之对应的还有jekyll等 - git
–这是由linux之父linus大神花两周时间开发出的开源分布式版本控制系统,小巧高效灵活 - markdown
–按我的理解就是一种文本输入方式,就是我现在更新博客的一种编辑方式,这是参考文档 - github
–这是广大程序员的代码分享之地(全球最大同性交友平台),可以托管/分享自己的代码也可以fork他人的代码,还可以利用它的github page功能建一个简单的github博客等等
好了现在正式叙述下过程
安装npm,在这之前必须安装node.js,去官网下载node并安装,安装完node会自动安装好npm, 可用
bash node -v
和npm -v
查看是否正确安装直接用npm安装hexo,并初始化
初始化好的目录结构如下:1
2
3
4
5$ npm install hexo-cli -g // -g是指全局安装
$ hexo init myblog
$ cd blog
$ npm install // 安装package.json里的js包
$ hexo server // 这里hexo已用browsersync实现了浏览器自动刷新,不必手刷此时你可以打开localhost:4000,查看本地hexo博客主页有没有初始化成功。
下图是hexo默认的博客主页:更换hexo主题,美化博客
去官网的theme页面寻找你喜欢的主题,然后下载下来,根据该主题的操作说明一一安装需要的包。以我用的apollo主题为例,需要先下载该主题依赖的一些包:npm install --save hexo-renderer-jade hexo-generator-feed hexo-generator-sitemap hexo-browsersync hexo-generator-archive
然后再把该主题文件clone到themes文件夹下
同时修改 _config.yml 的 theme 配置项为 apollo。好了之后执行:1
$ hexo generate
如果报错的话,一般是这个主题所需要的包你没有安装完全。如果没报错就执行如下:
1
$ hexo server
这个时候就可以继续打开localhost:4000查看新主题有没有安装成功了。
我这博客使用的是apollo主题,比较喜欢简洁风格的。配置github,建立关联
- github申请一个repository
去个人的github页,create new repository,库的名字必须写{username}.github.io,这里的username就是你的github账号名。建好之后再激活一下github pages,这个得去repository的setting里设。此时成功之后,你就可以通过 http://username.github.io 访问你的个人页了,当然这只是github给你提供的简单的展示页面,要想做成博客就必须用到hexo等这些静态博客引擎。 - github添加ssh key
可以看这个,具体也可百度。 和本地hexo建立关联
这一步是最主要的,就是用本地hexo代码代替github个人页中username.github.io中的代码。
再次找到_config.yml,修改如下:1
2
3
4
5deploy:
type: git
repo: https://github.com/MiaoJiHui/mia
ojihui.github.io.git
branch: master还有其他参数也要相应改掉,比如theme改成你当前用的主题名。
改好之后执行命令:$ npm install hexo-deployer-git --save
//下载hexo下的git工具包
- github申请一个repository
hexo命令
然后再执行:
1
2$ hexo generate
$ hexo deploy如果不报错的话,此时就已经部署成功了,你可以通过https://miaojihui.github.io的方式访问你的个人博客啦,第一次成功的时候还是非常兴奋的!
附赠些常用命令
hexo new “postName” #新建文章
hexo new page “pageName” #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,’ctrl + c’关闭server)
hexo deploy #将public目录部署到GitHub
hexo help # 查看帮助
hexo version #查看Hexo的版本
一般来说,我都是在本地blog文件夹下执行hexo server命令,然后再用markdown更新编写博客,可以实时看到效果。编辑好了之后就用hexo generate和hexo deploy命令生成并部署到github上。总之,熟悉了markdown语法后,更新博客来说还是蛮方便的。在此感谢markdown/hexo作者和github。