Hexo使用Next主题的优化策略


Next主题进阶使用学习。

1.设置头像边框为圆形和旋转特效

自己设置:

image-20210319204140943

image-20210319205220310

系统自带:next已经内置了可以调节的功能,只需要将开关打开即可

image-20210319205633875

image-20210319205653365

2.本地搜索

根目录下使用git命令:npm install hexo-generator-searchdb --save

image-20210319210847331

image-20210319210928934

image-20210319211115663

image-20210319211136014

image-20210319211251125

3.博文置顶

使用文章的top属性,设置值越大,权重越大 top :100

4.统计文章字数

根目录下安装:npm i --save hexo-wordcount

image-20210319214610604

image-20210319214636660

image-20210319215657516

Hexo 配置文件

image-20210319223907209

Next配置文件

image-20210319223843925

文章结尾添加 “本文结束” 标记

新增文件,添加内容

image-20210320105817230

将新文件关联到post文件中

image-20210320091723707

在主题配置文件中开启

image-20210320092143130

修改访问路径

Hexo默认访问路径是以日期为路径,可以在显示时将日期隐藏

image-20210320093135394

文章加密访问

image-20210320093854335

设置个人社交链接

image-20210320100414940

Hexo博客live2d看板娘

1. 安装hexo-helper-live2d插件

在博客目录下打开git bash客户端,使用命令安装:npm install --save hexo-helper-live2d

2. 下载需要的live2d模型

更多模型安装方法 模型效果预览

npm install --save live2d-widget-model-tororo

3. 将live2d添加到站点配置

要在站点配置文件_config.yml中设置(注意区分站点配置和主题配置)

#Live2D动画
live2d:
  enable: true
  scriptFrom: local
  pluginRootPath: live2dw/
  pluginJsPath: lib/
  pluginModelPath: assets/
  tagMode: false
  debug: false
  model:
    use: live2d-widget-model-koharu 
  display:
    position: right #显示位置
    width: 150
    height: 300
  mobile:
    show: true    #移动端是否显示

4. 最终效果展示

image-20210320113659962

:see_no_evil:

文章底部版权信息

image-20210320112122199

要配合开启:

image-20210320113209460

设置访问量

???

左侧标题栏设置

博客底部设置

显示时间、隐藏Hexo

image-20210320105545766

首页隐藏指定文章

https://www.jianshu.com/p/79fe9fb9dfa0

参考

https://www.jianshu.com/p/efbeddc5eb19

https://blog.csdn.net/zgcr654321/article/details/86751765

https://io-oi.me/tech/hexo-next-optimization/

https://blog.csdn.net/qq_32767041/article/details/103284412


文章作者: shone
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 shone !
评论
 上一篇
docker docker
Docker参考文章 1 Docker介绍Docker是当下使用最多的一种容器技术,docker对于专门的运维人员要求较高,开发人员也是要适当的学习下。 Docker中最重要的三个概念:仓库、镜像、容器。 镜像(Image),即将j
2021-06-07
下一篇 
linux linux
Linux是一种自由和开放源码的系统,存在着许多不同的Linux版本,但它们都使用了Linux内核。Linux可以安装在各种计算机硬件设备中,如手机、平板电脑、路由器、台式计算机等。 LinuxLinux系统安装虚拟机安装 参考教程
2020-12-16
  目录