博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
记使用hexo搭建个人博客(二)
阅读量:7071 次
发布时间:2019-06-28

本文共 1049 字,大约阅读时间需要 3 分钟。

  使用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:
简书:
掘金:

转载地址:http://gehll.baihongyu.com/

你可能感兴趣的文章
upx最新壳脱壳测试
查看>>
[原创]手写一个PE文件
查看>>
安装php xdebug扩展
查看>>
junit junit4
查看>>
HUT-XXXX 数字游戏 求解区间的最值
查看>>
关于MAX部分快捷键失效的问题分析
查看>>
Qt学习之路_14(简易音乐播放器)
查看>>
linux相关工具
查看>>
HTML 基础控件介绍
查看>>
Visual Studio 2012 Update 3
查看>>
sql执行计划解析案例(二)
查看>>
在页面头部<!DOCTYPE html ....> 前面不能有任何输出
查看>>
hdu 2102 A计划(双层BFS)(具体解释)
查看>>
大型机器学习
查看>>
FluentNhibernate 不支持存储过程
查看>>
Python 修改电脑DNS
查看>>
JSCover+WebDriver/Selenium获得JS代码覆盖
查看>>
其简单的通用适配器的定义
查看>>
IIS应用程序池自动回收问题的有效解决办法
查看>>
数据库设计之半结构化存储
查看>>