hexo搭建博客心得
缘起
想搭建一个个人博客,这个念头已经有好久了,之前试过了wordpress,但感觉不是我想要的那个模式,随之也了解到了静态、动态等概念,是的,相比于动,我更喜欢静。最后选择了coding.net搭配hexo的阵容。
安装环境
网上攻略有一大堆,照理说完全可以很快安装好。但不知道是不是正是因为一大堆的缘故,层次不齐,简直错误百出,装了两小时都没有装好。这也是本次动笔进行全程回顾的主要诱因。
由于直接用的是coding webIDE,npm环境其实都已经配置好了,只需要输入短短的一行
cnpm install -g hexo-cli
就应该完成初步配置了,但结果是不断地报错,由于还是国外的关系,速度连接极慢,浪费了大把时间。
痛定思痛,发现主要是两个问题。
一:连接速度慢,有一次直接是连不上断了。
解决办法:使用淘宝镜像。
二:npm版本过旧,导致用不上hexo这个框架,
解决办法:升级npm
总之,就一行代码就能解决的事:
npm install -g cnpm --registry=https://registry.npm.taobao.org
由于改用cnpm,安装hexo的命令也变成了
cnpm install -g hexo-cli
环境安装就到此结束。看到有的博客弄得复杂的不得了,真心觉得这才是让人望而却步,放弃建立博客的一大原因。
安装NEXT主题及优化
由于NEXT主题简洁的版面以及不少集成功能,让我一眼就相中了它,没有再尝试其他主题。
安装next主题
git clone https://github.com/iissnan/hexo-theme-next themes/next
应用next主题
修改位于全局下的配置文件_config.yml
theme: next
修改头像
修改位于next下的配置文件_config.yml
favicon:
后面的地址,我直接是使用的图床的链接,还有一种方式是放置在资源文件夹中,填写该路径。
利用leancloud实现显示单篇访问阅读量
这个功能我也是尝试次数最多的,网上误人子弟的感觉也很多,不过这里可能是版本不同,一开始报错的原因是double,重了。这里只需要修改位于next下的配置文件_config.yml
leancloud_visitors:
不过前提需要去leancloud注册,获取id和key
站点统计
修改位于next下的配置文件_config.yml
Baidu Analytics:
百度统计注册,获取id 位于js?后面的一串数字,填写在里面
字数统计
修改位于next下的配置文件_config.yml
wordcount,改为true
如果没有效果,可能是没有安装wordcount插件
cnpm i --save hexo-wordcount
总结
网站截图这就是我的个人博客的截图了,大家有兴趣的也可以直接访问看看
为了看看太阳