hexo添加live2d看板娘和不蒜子访问统计

利用hexo和GitHub搭建属于自己的私人博客(特详细)
个人博客美化–主题
hexo素锦主题开启Gitalk评论功能
hexo写博客时的一些东西

一、添加lived看板娘


live2d看板娘模型展示

1、安装live2d

命令行输入:

npm install --save hexo-helper-live2d

live2d文档中有live2d所有模型列表

安装想要的模型,如:

npm install live2d-widget-model-koharu

在hexo创建live2d_models文件夹,并在node_modules文件下找见刚安装下载的live2d-widget-model-koharu模型,将其放入live2d_models文件夹。

模型配置

之后在hexo的_config.yml或者theme的_config.yml中添加如下代码:

# Live2D
## https://github.com/EYHN/hexo-helper-live2d
## https://l2dwidget.js.org/docs/class/src/index.js~L2Dwidget.html#instance-method-init
live2d:
  enable: true
  #enable: false
  scriptFrom: local # 默认
  pluginRootPath: live2dw/ # 插件在站点上的根目录(相对路径)
  pluginJsPath: lib/ # 脚本文件相对与插件根目录路径
  pluginModelPath: assets/ # 模型文件相对与插件根目录路径
  # scriptFrom: jsdelivr # jsdelivr CDN
  # scriptFrom: unpkg # unpkg CDN
  # scriptFrom: https://cdn.jsdelivr.net/npm/live2d-widget@3.x/lib/L2Dwidget.min.js # 你的自定义 url
  tagMode: false # 标签模式, 是否仅替换 live2d tag标签而非插入到所有页面中
  debug: false # 调试, 是否在控制台输出日志
  model:
    use: live2d-widget-model-koharu
    # use: live2d-widget-model-wanko # npm-module package name
    # use: wanko # 博客根目录/live2d_models/ 下的目录名
    # use: ./wives/wanko # 相对于博客根目录的路径
    # use: https://cdn.jsdelivr.net/npm/live2d-widget-model-wanko@1.0.5/assets/wanko.model.json # 你的自定义 url
  display:
    position: right
    width: 145
    height: 315
  mobile:
    show: true # 是否在移动设备上显示
    scale: 0.5 # 移动设备上的缩放       
  react:
    opacityDefault: 0.7
    opacityOnHover: 0.8

将代码中的

 model:
    use: live2d-widget-model-koharu

模型名称换为你安装的模型,否则将为默认模型

二、添加不蒜子访问统计

以我自己的主题为例
在\themes\diaspora\layout_partial下找见menu.ejs文件(其他主题大多为footer文件,后缀名可能是swig等等),用编辑器打开
添加:

 <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<span>访问总量<span id="busuanzi_value_site_pv"></span>次</span>
    <span class="post-meta-divider">|</span>
    <span>总访客<span id="busuanzi_value_site_uv"></span>人</span>
    <span class="post-meta-divider">|</span>

如图:
完成后,在\themes\diaspora\layout_partial\post下找见article.ejs文件
添加:

 <span>
   阅读数<span id="busuanzi_value_page_pv"></span>
</span>


效果:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值