搭建个人博客花里胡哨插件从零教程

744 阅读3分钟

不蒜子统计

首先,咱们要统计小屋子的访问量和访问人数
那么就需要采用工具啦...
在此期间,本大大搜索了好多统计的工具
最后我还是选用了不蒜子统计
这是为啥嘞~ 让我简单的说明一下吧

百度统计

优点

  • 稳定性、控制台展示多模块化数据、搜索来源、更多功能等等

缺点

  • 实时更新速度慢
  • 最新的百度统计的接口需要token值,获取这个token值有一定的要求
    • 如(1. 是企业账号直接获取 2.需访问量在500以上,访问IP也有一定要求) 总之对小型网站不太友好就是啦~

谷歌统计

优点

不用说啦!更稳定、功能点更多、可视化等等

缺点

人家是国外的,咱们得FQ!
有时候因网络,国内会各种延迟

CNZZ

优点

  • 统计功能、搜索来源、数据分析等等
  • 安装容易!并且对小型站点友好噢

缺点

  • 样式不好看 因引入方式特殊的原因 很难修改固定样式
  • 并且数据格式固定,不能自定义改动
  • 数据更新很慢(一般需要10~15分钟更新一次)

不蒜子

✨ 接下来就轮到我们今天的主角啦

优点

  • 简单方便、可以自定义化各种格式、实时更新数据
  • 简单2步就可以安装好这个工具啦!

缺点

  • 只有统计访问量、访问人数、阅读量等数据
  • 不能可视化、搜索来源等各种智能功能

安装

话不多说让我们来安装不蒜子吧

  • 1.在首页插入脚本
<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
  • 2.在需要的地方引入数据
<span id="busuanzi_container_site_pv">
    本站总访问量<span id="busuanzi_value_site_pv"></span></span>

这引入就是原生html标签啦~可以自由最大化地自定义样式!

✨具体官方文章请查看不蒜子官方文章


萌萌哒

小屋子里有个可爱的小姐姐是一种什么样的感受呢~
反正就挺好的,生机勃勃

也想在小屋子里偷偷藏一个小姐姐嘛~
来跟我简单走4步

安装

安装插件

npm install --save hexo-helper-live2d

插入配置

以hexo博客为例

在根目录的_config.yml配置文件中添加

# 萌萌哒
live2d:
  enable: true
  scriptFrom: local
  pluginRootPath: live2dw/
  pluginJsPath: lib/
  pluginModelPath: assets/
  tagMode: false
  log: false
  model:
    use: live2d-widget-model-shizuku
  display:
    position: left
    width: 180
    height: 360
    top: -40px
    right: 25px
  mobile:
    show: true

安装模型

可以往后看对应的常见模型样式噢!
npm install --save live2d-widget-model-shizuku

创建配置文件

  1. 在根目录下创建文件夹:live2d_models
  2. 在node_modules中搜索:hexo-helper-live2d插件
  3. 在里边查找到刚安装的模型:live2d-widget-model-shizuku
  4. 将live2d-widget-model-shizuku模型文件copy到 live2d_models文件夹下

不要忘记重启下博客服务!
hexo clean && hexo g && hexo s 这样!!你也有一位可爱小姐姐啦~


模型

俗话说得好...一根萝卜、一颗白菜各有所爱~ 正巧你爱的是另一个它该怎么办... 好办!!!

以下是笔者辛辛苦苦找的噢

选择模型

epsilon2_1

Gantzert_Felixander

20 20

haru

miku

ni-j

nico

nietzche

nipsilon

nito

shizuku

tsumiki

wanko

z16

hibiki

koharu

haruto

Unitychan

tororo

hijiki

安装新的模型

npm install --save live2d-widget-model-[选择的模型名]

创建配置文件

  • 将新安装的模型文件:live2d-widget-model-[选择的模型名]模型文件
    • copy到 live2d_models文件夹下
  • 更改根目录的_config.yml配置文件中
    • model: use: live2d-widget-model-[选择的模型名]
  • 重启hexo服务

这样我们的萌萌哒就大功告成了噢!


尾言

很开心能与你们分享博客文章哦~
要是这篇文章对您有那么一丢丢的帮助,点个小赞吧~~
小屋随时欢迎你们到来噢~
也欢迎各位小确幸们的批评和指正~