通用站点样式美化及性能优化

博客底部添加石蒜模拟器

可以自己参看官方说明添加石蒜模拟器石蒜模拟器:https://github.com/itorr/sakana也可以试试下面现成的打开主题设置--找到“标签前自定义内容”选项,填入下面内容也可以打开footer.php,将下面代码直接粘贴到底部<div class="sakana-box-l"></div> <div class="sakana-box-r"></div> <script src="https://cdn.jsdelivr.net/npm/sakana"><

# 喵喵
  • 2 月前
  • 1 min read
主题扩展教程与相关介绍

Sunny主题添加自定义启动画面

越来越多的小伙伴也想得到类似MyLife主题的欢迎页面,但是很难添加,这里看到了泽泽社长的css方法,很不错,分享给需要的人。以下内容来自泽泽社长分享的方法:《使用css给xlog加上原神启动》在主题设置——自定义css——中填写:body:after @keyframes fadeOut { 50% 100% 默认是原神logo,可以替换为自己喜欢的图片

# 喵喵
  • 4 月前
  • 1 min read
通用站点样式美化及性能优化

网站被首次访问时,显示独立弹窗信息

标题起的很简短,其实就是根据记录的cookie,在每次新用户访问站点的时候,弹出一次性的公告,免去每次刷新页面都会出现是尴尬。这之前也是在别人站点看到的,用了一段时间,现在分享给大家另外说一句,最近好多人都来扒站,虽然我没说什么,也制止不了,简单的东西你说什么剽窃也有些小题大做,但是心里总归是很难受,毕竟是一点一点抠出来的东西。扒了就扒了,但是扒了之后改个颜色换换样式,文字内容也针对改改,写心得时提提火喵的名字,给小站引引流,我也就很感谢了。实际效果方法这个是通用的教程,任何html+css+js的博客都可以使用。html首先要知道,一般访问博客都是先从主页访问,所以我们这个代码就添加在主页文

# 喵喵
  • 2 年前
  • 2 min read
通用站点样式美化及性能优化

利用element显示Notification通知,复制提醒,禁用F12或右键菜单提醒

前言之前博客默认的是Qmsg,虽然很简单但是不容易看到,因此全站都换成了Notification通知。今天刚改好就被朋友催,因为很简单就记一下作为备忘了,具体效果可见图,本博客也用的这个方法,可查看实际效果。引用cdn资源<!-- 引入VUE --> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js"></script> <!-- 引入样式 --> <script src="https://cdn.jsdelivr.net/

# 喵喵
  • 3 年前
  • 1 min read
通用站点样式美化及性能优化

总结一下常用汉字,精简字体文件加快网站加载速度

前言之前一直在使用一款非常喜欢的一款圆体字,但是字体文件整整8M大小,还是压缩之后的,有些影响整体的速度,于是研究换掉字体,使用常用的2500字表来节省字体文件大小。使用方法将下列文章复制后,可选择第三方字体生成平台,例如 阿里字体库 得到生成的字体文件,引用即可。例如本站引用的字体地址为:@font-face 若下方复制麻烦,可在此下载整理好的文件。常用字符 https://dorcandy.lanzouw.com/iOsipwmru9a现在火喵的字体文件为332KB,感觉很不错。你用的是什么字体呢来和喵喵分享一下吧!!常用文字列表常用2500字(简体)一 乙 二 十 丁 厂 七 卜 人 入

# 喵喵
  • 3 年前
  • 13 min read