使用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中找到以下内容
{ { wordcount(post.content) }}复制代码
修改为
{ { wordcount(post.content) }} 字复制代码
阅读时长:***
修改为 阅读时长:***分钟
{ { min2read(post.content) }} 复制代码
修改为
{ { min2read(post.content) }} 分钟复制代码
即可。
hexo增加七牛云图床及上传
参考自:
工具:
- 使用VSCode进行博客编写;
qiniu-upload-image
插件,需要进行配置;vscode-Hexo
插件;- 使用作为图床,这个需要自己申请和认证哈,我的认证花了两天时间~~
欢迎关注微信公众号weyoung,记录学习笔记和一些有趣的东西,欢迎交流~~
更多联系方式
平台 | 链接 |
---|---|
个人博客 | |
预览项目: | |
个人微信公众号: | weyoung |
segmentfault: | |
CSDN: | |
简书: | |
掘金: |