如何提升你的网站速度

最近在群里看见很多小伙伴的网站打开都很慢 一分钟之内打不开首屏 也就导致很多站的体验非常滴差 (某些魔改只抄不改的,资源失效了都没发现,还整几个大红灯笼欢迎谁呢) 所以接下来我会提供2种方案来优化你的网站的加载速度 第一种(CDN)有很多同学的博客是放在vercel或者是Github Pages上的 因为某些众所周知的原因嘛 所以我向大家推荐一下两种CDN(群友运营的,安全可靠) 初染云

发布于 经验分享

STEAM游戏《PP》推荐

序言最近逛B站,发现了UP主-乌鸦男-的一款好玩的游戏 bilibili() function bilibili() { let dom = document.getElementById('BV1cu41157Hs') fetch('https://api.320.ink/api/b?id=BV1cu41157Hs').then(res=>res.json()).then(data=>{ dom.innerHTML = ` 15:45 ${data.title} ${data.desc} ${data.view} ${data.like} ${data.coin} 视频 ${data.owner} ` }) } 然后上Steam一看 才三块大洋(涨成五块大洋了) 但还是挺便宜的 Steam介绍 “PP”着急上厕所,如厕之路困难重重,“快餐”是你的敌人,所有“快餐”都将使你喷射找到厕纸和马桶才能进入下一关卡。复杂的地形可能需要一些技巧。 游戏中的图像、音乐、编程均由B站UP主 -乌鸦男- 耗时一个月制作

发布于 游戏推荐

博客一周年记

好久没写文章了,因为没时间( 不知不觉就一年了,还是总结一下吧 总结我刚入坑,跟着鱼鱼的B站视频开始建站,我算是鱼鱼最早的一批分数了 后面就加了糖果屋,就开始了愉快的魔改( 冰糖红茶真的是个奇妙的组合🤩 在疫情期间就开始跟着店长和鱼鱼的教程开始一步一步的学习(搞了个记事本来记录更新,却只坚持了几天) 1239.12 更新hexo版本,根据https://blog.zhheo.com/p/790087d9.html更改cdn9.13 跟店长https://akilar.top/posts/e87ad7f8/改了github徽标(差点坏了),评论区美化,友联美化,添加浮动效果,版权声明美化9.14 github action,站点动态 title,打赏按钮投币彩蛋效果,侧边栏标签,归档,最近文章修改,加载渐变条,侧边栏个人卡片渐变色 改了蛮多,也有很多大佬帮助了我 我学会了,也帮助了很多人

发布于 我的总结

页脚插件版

hexo-butterfly-footer-marcus给博客添加仿Heo页脚适用于hexo-theme-butterfly本地版请见(页脚美化)[https://blog.shineyu.cn/beautify-footer.html] 参考HeoLeonus 安装安装插件,在博客根目录[Blogroot]下打开终端,运行以下指令: 1npm install hexo-butterfly-footer-marcus --save 如果需要随机友联的话,再运行以下指令: 1npm i yamljs --save

发布于 我的项目

新版首页轮播图

给博客添加首页轮播图该项目为店长轮播图三次魔改修改了随机逛逛适用于hexo-theme-butterfly blue, 点击查看参考教程Heo安知鱼hexo-butterfly-swiper-anzhiyu-pro blue, 点击查看实际效果 安装在博客根目录[Blogroot]打开终端输入 1npm install hexo-butterfly-swiper-marcus --save 添加配置信息以下为写法示例 在站点配置文件_config.yml或者主题配置文件_config.butterfly.yml中添加 1234567891011121314151617181920212223242526272829303132333435swiper: enable: true # 开关 randomenable: true # 创造力开关 priority: 5 #过滤器优先权 enable_page: / # 应用页面 timemode: date #date/updated layout: # 挂载容器类型 type: id name: home_top index: 1 category: - name: 前端 path: /categories/前端/ shadow: var(--marcus-shadow-blue) class: blue icon: fas fa-dove - name: 中学 path: /categories/中学/ shadow: var(--marcus-shadow-red) class: red icon: fas fa-burn - name: 生活 path: /categories/生活/ shadow: var(--marcus-shadow-green) class: green icon: fas fa-book above_title: 人间值得 below_title: 未来可期 subtitle: BLOG.MARCUS233.TOP default_descr: 再怎么看我也不知道怎么描述它的啦! swiper_css: https://cdn1.tianli0.top/npm/hexo-butterfly-swiper-marcus/lib/swiper.min.css #swiper css依赖 swiper_js: https://cdn1.tianli0.top/npm/hexo-butterfly-swiper-marcus/lib/swiper.min.js #swiper js依赖 #swiper js依赖 custom_css: https://cdn1.tianli0.top/npm/hexo-butterfly-swiper-marcus/lib/swiperstyle.min.css # 适配主题样式补丁 custom_js: https://cdn1.tianli0.top/npm/hexo-butterfly-swiper-marcus/lib/swiper_init.min.js # swiper初始化方法 categorygroup_css: https://cdn1.tianli0.top/npm/hexo-butterfly-swiper-marcus/lib/categoryGroup.min.css 参数释义

发布于 我的项目

首页轮播图

本教程已推出插件版,但该版本仍适用 blue, 点击查看参考教程Heo安知鱼hexo-butterfly-swiper-anzhiyu-pro blue, 点击查看实际效果 目前暂不是最终效果,急需的同学可以用一下,可在下方留言,更新后提醒你 添加 hometop新建 themes\butterfly\layout\includes\top\top.pug 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162#home_top .swiper_container_card(style='height: auto;width: 100%') #bannerGroup #random #random-banner .banners-title .banners-title-big 人间值得 .banners-title-big 未来可期 .banners-title-small BLOG.MARCUS233.TOP #skills-style-group-all .tags-group-wrapper each i in site.data.creativity - const evenNum = i.creativity_list.filter((x, index) => index % 2 === 0); - const oddNum = i.creativity_list.filter((x, index) => index % 2 === 1); each item, index in i.creativity_list if ((index+1 <= evenNum.length) && (index+1 <= oddNum.length)) .tags-group-icon-pair .tags-group-icon(style=`background: ${evenNum[index].color}`) img.no-lightbox(title=evenNum[index].name, src=evenNum[index].icon) .tags-group-icon(style=`background: ${oddNum[index].color}`) img.no-lightbox(title=oddNum[index].name, src=oddNum[index].icon) a#random-hover(style='width:100%;height:auto;', href='javascript:toRandomPost()', rel='external nofollow noreferrer', one-link-mark='yes') i.fa.fa-paper-plane(style='margin-left:10px') div(style='margin-left:10px') 随便逛逛 i.fa-solid.fa-arrow-right(style='margin-left:10px') .categoryGroup each i in site.data.hometop each item, index in i.category .categoryItem(style=`box-shadow:${item.shadow}`) a.categoryButton(onclick=`pjax.loadUrl("${item.path}");` href='javascript:void(0);' class=`${item.class}`) span.categoryButtonText=item.name i(class=`${item.icon}`) #swiper_container_blog #swiper_container.blog-slider.swiper-container-fade.swiper-container-horizontal .blog-slider__wrp.swiper-wrapper(style='transition-duration: 0ms;') //- 文章卡片 each i in site.data.hometop each item, index in i.post_list .blog-slider__item.swiper-slide(style='width: 750px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;') a.blog-slider__img(onclick=`pjax.loadUrl("` + item.link + `");` href='javascript:void(0);' title=item.title) img(width='48' height='48' src=item.cover alt='图片' onerror=`this.src=` + error_img + `; this.onerror = null;`) .blog-slider__content span.blog-slider__code= item.date a.blog-slider__title(onclick=`pjax.loadUrl("` + item.link+ `");` href='javascript:void(0);' alt='')= item.title .blog-slider__text= item.description ? item.description : default_descr a.blog-slider__button(onclick=`pjax.loadUrl("` + item.link + `");` href='javascript:void(0);' alt='') 详情 //- 轮播图组件 .blog-slider__pagination.swiper-pagination-clickable.swiper-pagination-bullets .topGroup each i in site.data.hometop each item, index in i.post_list if index < 4 .top-group-list-item .post_cover.left_radius a(onclick=`pjax.loadUrl("` + item.link + `");` href='javascript:void(0);' alt='', title=item.title, data-pjax-state=true) span.top-group-text 荐 img.post_bg(alt=item.title, src=item.cover, onerror=`this.src=` + error_img + `; this.onerror = null;`) .top-group-info a.article-title(onclick=`pjax.loadUrl("` + item.link + `");` href='javascript:void(0);' alt='', title=item.title, data-pjax-state)=item.title .top-group-list-none .top-group-list-none .top-group-list-none 添加创造力数据创造力数据通过静态数据读出来, 新建source/_data/creativity.yml(用了安知鱼的butterfly魔改关于页面可不用) 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950- class_name: 开启创造力 creativity_list: - name: Vue color: "#b8f0ae" icon: https://img02.anheyu.com/adminuploads/1/2022/09/25/633001374747b.png - name: React color: "#222" icon: data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xMS41IC0xMC4yMzE3NCAyMyAyMC40NjM0OCI+CiAgPHRpdGxlPlJlYWN0IExvZ288L3RpdGxlPgogIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSIyLjA1IiBmaWxsPSIjNjFkYWZiIi8+CiAgPGcgc3Ryb2tlPSIjNjFkYWZiIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIi8+CiAgICA8ZWxsaXBzZSByeD0iMTEiIHJ5PSI0LjIiIHRyYW5zZm9ybT0icm90YXRlKDYwKSIvPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIiB0cmFuc2Zvcm09InJvdGF0ZSgxMjApIi8+CiAgPC9nPgo8L3N2Zz4K - name: Docker color: "#57b6e6" icon: https://img02.anheyu.com/adminuploads/1/2022/09/25/63300647df7fa.png - name: Photoshop color: "#4082c3" icon: https://img02.anheyu.com/adminuploads/1/2022/09/25/63300647e1f10.png - name: Node color: "#333" icon: https://npm.elemecdn.com/anzhiyu-blog@2.1.1/img/svg/node-logo.svg - name: Webpack color: "#2e3a41" icon: https://img02.anheyu.com/adminuploads/1/2022/09/26/6330ff27e5c9b.png - name: Pinia color: "#fff" icon: https://npm.elemecdn.com/anzhiyu-blog@2.0.8/img/svg/pinia-logo.svg - name: Python color: "#fff" icon: https://img02.anheyu.com/adminuploads/1/2022/09/25/63300647dea51.png - name: Vite color: "#937df7" icon: https://npm.elemecdn.com/anzhiyu-blog@2.0.8/img/svg/vite-logo.svg - name: Flutter color: "#4499e4" icon: https://img02.anheyu.com/adminuploads/1/2022/09/25/633004063ff15.png - name: Java color: "#fff" icon: https://img02.anheyu.com/adminuploads/1/2022/09/25/633005bf0fd1e.jpg - name: CSS3 color: "#2c51db" icon: https://img02.anheyu.com/adminuploads/1/2022/09/25/633006cc55e07.png - name: JS color: "#f7cb4f" icon: https://img02.anheyu.com/adminuploads/1/2022/09/25/633006eee047b.png - name: HTML color: "#e9572b" icon: https://img02.anheyu.com/adminuploads/1/2022/09/25/633006f9ab27d.png - name: Git color: "#df5b40" icon: https://img02.anheyu.com/adminuploads/1/2022/09/25/633006e37c7fd.webp - name: Apifox color: "#e65164" icon: https://img02.anheyu.com/adminuploads/1/2022/09/25/633007087a4dc.webp

发布于 我的项目

2022年度总结

2022即将过去让我来回忆过去的一年吧😘 关于学习[x]升入初二[x]认真学习[ ]内卷同学 关于生活[x]换个眼镜[x]跑步满分[ ]等等 关于技能[x]html[x]css[ ]js[x]pug[x]yaml[ ]vue 关于博客[x]本地化插件[x]主题文档理解[ ]自己魔改 先写个大概吧

发布于 我的总结

第50周周记

这周是今年的第50周,我又回来了。 周三作业多烦死了,总是作业这么多写都写不完,然后忘了安排打扫卫生,垃圾没人倒,地没人扫,黑板没人擦,书也没背,作业也没写完。诶…去😫 中期再次取消本来说把中期当做一场正常的考试来考的,结果呢,疫情复发了走了一个班,不考了,老师也全部隔离了,全在家里给教室的我们上网课,haha🥳 同学关系emm…怎么说呢?应该是我把她惹毛的吧,从星期三开始,她一句话都不给我说,跟她道歉她也不接受,亏还是我们组织的人呢…😓

发布于 学习日常

记一次全体故障

2022年12月3日下午六点左右,手贱登陆了一下couldflare,结果全部以.marcus233.top为域名的网站全部故障我也不知道为啥 干脆不用cf了,于是删掉了解析不想让status留下红色,所以删除了了记录 于是第二天早上一起来,就收到了发的一堆邮件 blue, 有点长,点击查看 就告一段落了

发布于 网站公告

第49周周记

依旧,也是来写篇周记吧! 期中取消因为疫情,本来说的考试,取消啦,乐死。🥳 同学在家隔离左右两边都没有人,无聊…🥱 班主任更年期烦死了,班主任天天拿着手机看监控,监视我们的一举一动,还时不时的发脾气,无语😤 谁也不知道我水文

发布于 学习日常
12