在github上搭建博客一般使用Jekyll static blogs的方式,非常方便快捷,但是有个缺点便是切换theme很不方便;用Jekyll相对普通人来说已经足够,但是如果需要强大的模版,一些可扩展的东西,就会比较麻烦,需要对前端有一定的技术背景。
所以出现了
Hexo :+1:
1
What is Hexo?Hexo is a fast, simple and powerful blog framework. You write posts in Markdown (or other languages) and Hexo generates static files with a beautiful theme in seconds.
Hexo = Node.js + MarkDown
Hexo切换模板非常方便只需要修改配置文件重新generate一下,Hexo官方文档Document
安装Hexo之前需要安装node和git:- Node.js
- Git
如果你的电脑已经安装好了node和git,使用npm安装:
1 | $ npm install -g hexo-cli |
然后去挑选喜欢hexo模板themes开始搭建个人博客了,或者github上面搜索hexo themes有很多高star的模板,本文的博客
采用的是litten,非常感谢;
1 | $ mkdir <foldser> |
主要的配置是放在_config.yml中具体每一项的意义可以参考configuration
source目录存放的是文章的内容
1 | $ hexo new [layout] <title> |
创建一个新的文章*.md,md使用MarkDown语法,推荐使用markdown-editor,md是一种可以很方便编辑转换为html的格式
然后是对自己的博客做扩展添加评论和站长统计,baidu和google都会介绍
- Analytics
有的theme/_config.yml会有此配置项,将track_id配置进去即可,如果没有百度的 ,需要手动将baidu analytics的js代码加进
1 | ├── .deploy_git |
里面,过几分钟就能看到数据;
Comment
评论使用的是duoshuo的评论框,去注册账号拿到short_key写入到theme/_config.yml中
1
duoshuo: short-key
如果没有此配置项手动加入到目录下
1 | ├── .deploy_git |
然后就需要生成我们的代码了,到根目录
1 | $ |
配置根目录的config如下
配置仓库地址,此处的问题是github屏蔽了baidu的爬虫,所有如果你的博客想被baidu索引到可以使用其他仓库地址,比如coding
1 | $ npm install hexo-deployer-git --save //如果遇到ERROR Dehexo generateployer not found: git,安装下 |
域名
博客需要自己的专属域名,可以去godaddy或者万网上买一个,然后解析域名到github的ip上 192.30.252.153/192.30.252.154
需要创建一个CNAME的文件来告诉username.github.io你的域名是什么1
2├── source
| ├──CNAME最后push到github上博客就可以生成了