添加About

1 创建 about页

1	hexo new page "about"

执行完成会生成 source/about 及 index.md 文件，通过

2 编辑 index.md 文件展示个人信息

3 在 主题配置文件（themes/next/_config.yml） 中查找并取消 menu下的about注释

menu:
  home: / || home
  about: /about/ || user
  #tags: /tags/ || tags
  categories: /categories/ || th
  archives: /archives/ || archive
  #schedule: /schedule/ || calendar
  #sitemap: /sitemap.xml || sitemap
  #commonweal: /404/ || heartbeat

网易云音乐

1 前往网易云音乐找到自己希望的背景音乐，点击生成外链播放器

2 进入预览页，复制内嵌代码

3 进入目录 themes/next/layout/_custom，编辑文件 sidebar.swig 放入复制的内嵌代码

<!--网易云音乐-->
<div id="music163player">
    <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=36664503&auto=1&height=66"></iframe>
</div>

添加背景图

去找一张自己喜欢的背景图命名为 background.jpg

1 将背景图放入目录 /themes/next/source/images 下

2 进入目录 themes/next/source/css/_custom，编辑文件 custom.styl

// Custom styles.
 body {
    background-image:url(/images/background.jpg);
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-position:50% 50%;
	background-size: 100% 100%;
 }

添加萌妹

1 安装module

1	npm install --save hexo-helper-live2d

2 在 主题配置文件（themes/next/_config.yml）新增

live2d:
  enable: true
  scriptFrom: local
  pluginRootPath: live2dw/
  pluginJsPath: lib/
  pluginModelPath: assets/
  tagMode: false
  log: false
  model:
    use: live2d-widget-model-wanko
  display:
    position: right
    width: 150
    height: 300
  mobile:
    show: true
  react:
    opacity: 0.7

字数统计，阅读时长

安装 hexo-symbols-count-time
npm install hexo-symbols-count-time

theme/_config.yaml 下新增配置

symbols_count_time:
 symbols: true # 文章字数
 time: true # 阅读时长
 total_symbols: true # 所有文章总字数
 total_time: true # 所有文章阅读中时长

theme/next/_config.yaml 下修改配置

symbols_count_time:
  separated_meta: true  # 是否换行显示 字数统计 及 阅读时长
  item_text_post: true  # 文章 字数统计 阅读时长 使用图标 还是 文本表示
  item_text_total: false # 博客底部统计 字数统计 阅读时长 使用图标 还是 文本表示
  awl: 4
  wpm: 275

重启 hexo

阅读进度

修改 theme/next/_config.yaml

back2top:
  enable: true
  # Back to top in sidebar.
  sidebar: true
  # Scroll percent label in b2t button.
  scrollpercent: true

右上角 github 地址

在 themes/next/layout/_layout.swig 查找到 <div class="headband"> div 节点，放入期望的图片这里有很多样式复制一个放进去

顶部加载进度条

https://github.com/theme-next/theme-next-pace
clone 完成后，在 _config.yml 中设置
pace: true 启用

代码块复制

代码块复制功能

Referer

https://github.com/EYHN/hexo-helper-live2d

https://hexo.io/zh-cn/docs/

hexo-theme-next

Next博客主题优化

阅读更多