lavender

💌依赖插件 - 📌基本配置 - 🌈界面显示 - 🦄特殊功能 站点别称 alternate: Yume Shoka 这里设置的名称代替 Logo，显示在页面顶部，以及页尾©️处 静态文件目录 statics: / #//cdn.jsdelivr.net/gh/amehime/shoka@latest/ 默认值是 / ，指使用本地静态文件 可以修改成 //cdn.jsdelivr.net/gh/您的github用户名/您的项目名@latest/ 这种形式，以使用 jsDelivr 进行加速。 PS：jsDelivr 并不是实时更新，重新生成文件后需要耐心等待 css: cssjs:...

💌依赖插件 - 📌基本配置 - 🌈界面显示 - 🦄特殊功能 请务必将 hexo-renderer-multi-markdown-it 升级到最新版，目前为 0.1.5 Theme Shoka 依赖以下 Hexo 插件 插件名称 npm 地址 功能 依赖程度 hexo-renderer-multi-markdown-it 链接 md 文件渲染器，压缩 css/js/html 必需 hexo-autoprefixer 链接 给生成的 css...

修改标签页显示效果 #前言 本标签页面参考 HEO 大佬的标签页面，实现标签的美化以及右上角标签对应文章数量的显示 本标签页右上角显示文章数量参考 Eurkon 大佬的文章：Butterfly 标签云增加文章数上下标 #实现 #主题 yml 文件 找到主题配置文件 themes\shoka\_config.yml ; 找到 tagcloud ： # TagCloud settings for tags page.tagcloud: # All values below are same as default, change them by yourself. min: 16 #...

修改页面滚动视差效果 #前言 实现页面滚动时背景图随滚动发生位移的视差效果 #实现 #修改 Js 找到 themes\shoka\source\js\_app\global.js ; 大概 20 行左右新增： var imgMover = $('#imgs'); //新增 位置参考： const sideBar = $('#sidebar');const siteBrand = $('#brand');var toolBtn = $('#tool'), toolPlayer, backToTop, goToComment, showContents;var angleBtn =...

修改首页文章摘要 hover 效果 #前言 想法来自于 HEO 大佬首页文章效果，实现首页文章摘要的 hover 显示效果 #实现 #修改 Stylus 找到 themes\shoka\source\css\_common\components\pages\home.styl ; 大概 260 行左右，找到 &:hover 代码部分，修改如下： 修改鼠标悬浮后图片变暗效果，增加 brightness 属性： &:hover { box-shadow: 0 0 2rem var(--box-bg-shadow); .cover { //新增 filter:...

修改夜间模式切换动画 #前言 仍然想要折腾下主题默认的夜间模式切换动画 #实现 #修改 Js 找到 themes\shoka\source\js\_app\global.js ; 找到 var neko = BODY.createChild 的位置，修改 js 添加 html 块的代码： var neko = BODY.createChild('div', { id: 'neko', innerHTML: '<div class="planet"><div class="sun"></div><div class="moon"></div></div><div...

修改主题加载动画 #前言 主题默认加载动画是旋转的猫猫（ha），鉴于个人想要折腾的想法，修改成其他喜爱的加载动画 主题的加载动画实际上就是一个单独的播放循环动画的网页 div 块（ <div id="loading"> )，页面最开始显示这个 div 块，加载完成后设置隐藏，即 <div id="loading" style="opacity: 0; display: none;"> #实现 #修改 nunjucks (layout) 找到 themes\shoka\layout\_partials\ 目录; 修改 layout.njk , 修改 <div...

这里记录下冰墩墩和雪容融的前端代码，源码从网络上获得，仅作记录 #冰墩墩 #HTML 部分 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>冰墩墩</title> </head> <body> <div class="bdd"> <div class="m_body"></div> <div class="ear1"></div> <div class="ear2"></div> <div class="eye1"></div> <div class="eye2"></div> <div...

新增：博客页面右上角新年灯笼 #前言 本文参考：知更鸟：过年啦，挂灯笼！ （原作者） 之前的 wordpress 主题也搞过这个灯笼，还是挺简单的，临近农历新年，在这个主题再搞一下 #实现 #新增主题设置 在主题的 yml 文件中，找到 footer ，下面新增 latern 选项，如下： footer: # Specify the date when the site was setup. If not defined, current year will be used. since: 2020 # …………（省略） count: true powered: true #...

新增页面：新增博客访问统计页面 #前言 参考文章： Hexo 博客实时访问统计图 基于 Butterfly 主题的首页置顶 gitcalendar 本教程将会泄漏属于百度统计的 站点 ID 和百度统计 AccessToken ，请先前往 百度统计用户手册了解，介意者请谨慎部署。 可能有时会出现跨域请求的问题 开通前条件：链接：https://tongji.baidu.com/web/help/article?id=123 需要自有网站昨日 PV 数大于 100 #实现 #加入百度统计 进入百度统计，注册或者登录，新增站点，填入信息； 获取统计代码：在管理 -> 代码管理 ->...