记使用hexo搭建个人博客之DaoVoice在线联系和统计阅读量(二)

3 篇文章 0 订阅
3 篇文章 0 订阅

  使用hexo+github/coding免费搭建个人博客,本文记录hexo博客的一些个性化配置。包括:

  • 修改主题、
  • 头像、
  • 搜索、
  • DaoVoice在线联系、
  • 顶部加载条、
  • 访问量统计、
  • 第三方统计、
  • 使用七牛云图床

个性化配置

修改主题

下载next主题,完成后,修改站点配置文件的 theme: landscape 为 theme: next,然后执行 hexo s 预览

    git clone https://github.com/iissnan/hexo-theme-next themes/next 

增加头像并加旋转特效

增加统计字数、阅读时长

  在主题配置文件themes/next/_config.yml中找到以下内容:将wordcount、min2read修改为true

post_wordcount:
  item_text: true
  wordcount: true
  min2read: true
  totalcount: true
  separated_meta: true

本地完成以上配置之后还需要增加hexo-wordcount插件,在命令行中执行以下命令:

npm i --save hexo-wordcount

安装完毕之后,就可以预览了效果了。自定义样式,如字数统计:***修改为字数统计:***字,在themes/next/layout/_macro/post.swig中找到以下内容

<span title="{{ __('post.wordcount') }}">
  {{ wordcount(post.content) }}
</span>

修改为

<span title="{{ __('post.wordcount') }}">
  {{ wordcount(post.content) }} 字
</span>

阅读时长:***修改为阅读时长:***分钟

<span title="{{ __('post.min2read') }}">
  {{ min2read(post.content) }} 
</span>

修改为

<span title="{{ __('post.min2read') }}">
  {{ min2read(post.content) }} 分钟
</span>

即可。

hexo增加七牛云图床及上传(现在需要有备案域名了)

参考自: 使用VSCode+七牛云图床插件+自定义快捷键配置Hexo博文编写环境

工具:

  • 使用VSCode进行博客编写;
  • qiniu-upload-image插件,需要进行配置;
  • vscode-Hexo插件;
  • 使用七牛云,点击访问作为图床,这个需要自己申请和认证哈,我的认证花了两天时间~~

在这里插入图片描述

欢迎扫描下方二维码,关注weyoung公众号,一起交流学习~~
weyoung公众号

更多联系方式

平台链接
预览项目:https://nelucifer.gitee.io/
个人微信公众号:weyoung
segmentfault:https://segmentfault.com/u/nelucifer
CSDN:https://me.csdn.net/wlx001
简书:https://www.jianshu.com/u/99211cc23788
掘金:https://juejin.im/user/59b08c575188250f4850e80e
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值