页脚徽标和计时器
页脚Github徽标(店长)下载插件安装插件,在博客根目录[BlogRoot]下打开终端,运行以下指令: 1npm install hexo-butterfly-footer-beautify --save 修改配置文件添加配置信息,以下为写法示例在站点配置文件_config.yml或者主题配置文件_config.butterfly.yml中添加(这是我的配置) 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748# footer_beautify # 页脚计时器:[Native JS Timer](https://akilar.top/posts/b941af/) # 页脚徽标:[Add Github Badge](https://akilar.top/posts/e87ad7f8/) footer_beautify: enable: timer: true # 计时器开关 bdage: true # 徽标开关 ...
背景一图流效果
背景一图流效果效果图 1.创建编写CSS样式文件在[BlogRoot]\source文件夹下新建一个文件夹css,该文件夹用于存放自定义的css样式,再新建一个名为custom.css,在里面写入以下代码: 1234567891011121314151617181920212223/* 页脚与头图透明 */ #footer { background: transparent !important; } #page-header { background: transparent !important; } /* 白天模式遮罩透明 */ #footer::before { background: transparent !important; } #page-header::before { background: transparent !important; } /* 夜间模式遮罩透明 */ ...
violet留言板
violet留言板详见:信笺样式留言板 在[BlogRoot]运行指令 1npm install hexo-butterfly-envelope --save 在站点配置文件_config.yml或主题配置文件_config.butterfly.yml添加以下配置项 1234567891011121314151617181920# envelope_comment # see https://akilar.top/posts/e2d3c450/ envelope_comment: enable: true #控制开关 custom_pic: cover: https://npm.elemecdn.com/hexo-butterfly-envelope/lib/violet.jpg #信笺头部图片 line: https://npm.elemecdn.com/hexo-butterfly-envelope/lib/line.png #信笺底部图片 beforeimg:...
Live2D看板娘安装
Live2D看板娘安装详见:Live2d Widget 目前只推荐这个(因为消耗资源较少),这是博客自带的看板娘,这孩子不会说话也不能换装,只会跟着你的鼠标晃动脑袋,不过有几款超可爱。 安装 在Hexo根目录[BlogRoot]下打开终端,输入以下指令安装必要插件: 1npm install --save hexo-helper-live2d 打开站点配置文件[BlogRoot]\config.yml搜索live2d,按照如下注释内容指示进行操作。如果没有搜到live2d的配置项,就直接把以下内容复制到最底部。 123456789101112131415161718192021222324# Live2D ## https://github.com/EYHN/hexo-helper-live2d live2d: enable: true #开关插件版看板娘 scriptFrom: local # 默认 pluginRootPath: live2dw/ # 插件在站点上的根目录(相对路径) pluginJsPath: lib/ #...
Hexo中完美插入本地图片
Hexo中完美插入本地图片在 Hexo 的官方文档 资源文件夹章节 里,提供了几种插入本地图片的方法。但是,非常遗憾,无论采用哪种方式,在使用其他 Markdown 编辑器进行文章编写时,都无法预览图片。本文介绍了一种方法,可以完美解决此问题。 Hexo 官方插入本地图片方法首先来看官方给出的几种方式。 绝对路径如果你的Hexo项目中只有少量图片,那最简单的方法就是将它们统一放在 source/images 文件夹中。然后通过以下方法进行访问。 1 图片既可以在首页内容中访问到,也可以在文章正文中访问到。 相对路径图片除了可以放在统一的 source/images 文件夹中,还可以放在文章自己的目录中。文章的目录可以通过配置 _config.yml 来生成。 1post_asset_folder: true 将 _config.yml 文件中的配置项 post_asset_folder 设为 true 后,执行命令 hexo new...
图片test
图片测试 图片↓↓↓↓图片↑↑↑↑





