已经有将近一年没有发文章了,中间换了一次主题,然后大致配置了一下,就一直没关注了。 然后一直忙,直到这段时间,翻了翻博客发现,评价好像有问题,数据统计分析也有问题。而且之前在阿里云申请的lion1ou.win的域名被签到国际站了,而且还备案不了。而且由于刚换工作,周末时间也空闲了一些。然后就萌生重拾博客的想法,顺便再梳理一下自己做过的一些小项目。说干就干,9月底开始动手。

升级Hexo

升级依赖,修改配置

  1. 修改 package.json 将默认依赖全部升级到了最新版本

  1. 根据官网完完整整的修改了一遍config

这里就不展开了,官网有非常详细的说明,比之前完善了不少。 地址在这:https://hexo.io/zh-cn/docs/configuration

  1. 整理原来使用的插件和大家都在用的hexo插件

添加插件

  1. 字数统计https://github.com/willin/hexo-wordcount

在文章中显示文章字数、阅读时长信息

npm i --save hexo-wordcount
postInfo:
  date: true
  update: false
  wordCount: false # 设置文章字数统计为 true.
  totalCount: false # 设置站点文章总字数统计为 true.
  min2read: false # 阅读时长.
  readCount: false # 阅读次数.

如果是使用现成的主题,只需要配置对应的config就会好了,如果是自己搞主题,就根据readme,想好添加到那个地方吧。

// 字数统计 WordCount
wordcount(post.content)

// 阅读时长预计 Min2Read
min2read(post.content)

// 设置阅读速度 Set Reading Speed: (p.s. (v3.0.0 added))
min2read(post.content, {cn: 300, en: 160})

// 总字数统计 TotalCount
totalcount(site)
  1. 添加 RSS 订阅支持: https://github.com/hexojs/hexo-generator-feed

感觉RSS订阅应该是博客最标志性功能之一吧,这个还是要加上的

npm install hexo-generator-feed --save
feed:
  enable: true
  type: 
    - atom
    - rss2
  path:
    - atom.xml
    - rss2.xml
  limit: 10
  hub:
  content:
  content_limit: 140
  content_limit_delim: ' '
  order_by: -date
  icon: icon.png
  autodiscovery: true
  template:
  1. 生成网站地图
npm install hexo-generator-sitemap --save     
sitemap:
  path: sitemap.xml
  template: ./sitemap_template.xml
  rel: false
  tags: true
  categories: true

可用于提交给百度

npm install hexo-generator-baidu-sitemap --save
baidusitemap:
  path: baidusitemap.xml
  1. 本地搜索: https://github.com/wzpan/hexo-generator-search
search:
  path: search.xml
  field: post
  content: true
  format: html
  limit: 100

如果只是这样,本地搜索还是不可用的,还需要相应的主题是支持的,主题内会有相应的逻辑来匹配对应的搜索情况。

查看数据

因为之前接过 google analysis,然后就去看了看站点的数据情况,整体流量还是很少的,主要来源还是谷歌搜索,另外还有一些其他博客平台,因为之前有些文章在多个平台发布过,并被多个网站收录了,吸引了一些流量。

  • 页面访问量数据

  • 站点来源数据

根据谷歌分析的一些数据,对站点的文章做了大量的删减,去除了一批内容比较陈旧,或者流量为零的文章。

这里补充一下,其实站点之前也接入了百度统计,但是在百度统计看到的数据与谷歌分析的还是有一定差距,而且百度统计只能看到最近30天的数据。所有有需要的同学,还是推荐使用谷歌

域名迁移

  • 买域名

接下来就是迁移域名了,首先要买一个新域名,在aliyun上对比了一下价格和可备案,并且跟博客有点关系。所以就有了现在的 lion1ou.tech

  • 新域名备案

域名备案还是一个比较麻烦的过程,需要等待几天的审核时间。

  • 老域名续费

担心老域名马上过期的话,其他外部来源将完全访问不了该站点,所以就去给老域名续了一下。由于老域名是在aliyun国际站,所以用常规支付方式是完成不了支付的,博主又没有VISA信用卡。所以只能求助万能的淘宝了。不过折算下来汇率将近1: 8。

接下来就是比较麻烦的事情了,之前本来想的是找个第三方转发平台:米发来配置一下就好了,结果发现效果不是很理想,测试过程中,始终不成功。也不知道问题出在哪里,所以只能放弃。

后来仔细想了想,下面这个方案还是比较完美的。

中间我还做了一件事,就是我把hexo的永久路径规则给修改了,这样老的外链,就跳转不到对应的文章了。这怎么行,于是就在利用404.md,做了一个地址映射,把老地址和新地址一一对应了一下,算是完美解决了。

到这里算是把博客梳理清楚了。接下来就对之前fork的主题开刀了。 在这里还是要感谢一下原作者:https://github.com/KevinOfNeu/hexo-theme-xoxo

自建主题

打开代码之后,首先干的事情是,先对结构做了一下了解。根据自己的喜好调整了部分样式。

接下来对 tags、search页面都做了修改,保证在新版本hexo上,主题能够正常运行。

下面大概列一下做了哪些事情:

  • 将主题名字改成了sprite,雪碧的意思;希望后续的主题改造,能够一直秉持着这个风格
  • 升级了gulp版本,优化了工作流
  • 添加了赞赏功能
  • 优化了footer
  • 对config做了完全的配置梳理,支持更多配置,并配有详细注释

感兴趣的同学,可以看看这个主题:https://github.com/lion1ou/hexo-theme-sprite

到这里,重拾博客的基础工作差不多都做完了,接下来希望可以坚持下来,持续输出一些优质文章,持续更新sprite主题。 加油!