[原文](https://blog.anheyu.com/posts/sdxhu.html) Hexo butterfly 重装日记安知鱼2022-06-082023-09-02 本篇为部分魔改记录 📝 npm 镜像 npm 淘宝镜像源 plaintext 123 npm config set registry http://registry.npmmirror.com# 切回源npm config set registry https://registry.npmjs.org/ ...

主题背景色 [ ] 这样改的话动效设置要把post页面波浪颜色也改成相应的 新建文件source/css/color.css或在已引入的css中新增以下内容 12345678910111213141516171819202122#footer { -webkit-backdrop-filter: saturate(100%) blur(5px); backdrop-filter: saturate(100%) blur(5px); border-top-left-radius: 20px; border-top-right-radius: 20px; color: #000}#footer,#footer:before { background: hsla(0,0%,100%,.15)}#footer #footer-wrap,#footer #footer-wrap a { color: #333;}#footer #footer-wrap{ background: transpare ...

代码实现 在link下index.md中添加如下代码即可实现 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990<p style="padding: 0 0 0 .8rem"> 请<strong>勾选</strong>你符合的条件：</p><div id="friendlink_checkboxs" style="padding: 0 0 0 1.6rem"> <p> <label class="checkbox"> <input type="checkbox" ...

到底什么是CDN 原文 如今这个移动互联网时代，越来越多的人使用手机观看视频，丰富自己的娱乐生活。 可是，大家在追剧的时候，有没有想过一个问题——为什么有时候明明自己手机的网速很快，但观看视频时，仍然卡顿？ 回答这个问题之前，我们先来做一道算术题。 以之前很火的电视剧为例，当时曾经在某视频APP实现了1千万用户同时在线观看。 如果大家观看的是1080p清晰度的视频（理论上需要4Mbps带宽），那么，累计需要的流量带宽是10,000,000×4Mbps=40,000,000Mbps=40Tbps。 对于优酷、爱奇艺这样的互联网视频内容提供商来说，这无疑是非常巨大的流量压力。我们普通计算机的网卡，是1Gbps的带宽。如果优酷有一台超级服务器，那么，这台超级服务器就需要4万块网卡，而且必须百分之百跑满速度，才能够实现这1千万用户的流畅观看。 对于一些实力不够的服务商，或者突发流量陡增的情况，就会造成拥塞，从而导致卡顿和延时。 有这么一个说法：当用户打开一个页面，等待超过4秒，他就会关闭这个页面。也就是说，这个用户就会流失。 用户的流失，就意味着金钱的流失。 没有任何一家互联网服务提供商希望 ...

友链朋友圈适配 github库 参考1 参考2 [ ] 功能介绍特点介绍功能概览 爬取文章: 爬取所有友链的文章，结果放置在根目录的all.json文件中，方便读取并部署到前端。 邮箱推送更新(对作者推送所有友链更新): 作者可以通过邮箱订阅所有rss的更新（未来开发）。 issue邮箱订阅(对访客实时推送最新文章邮件): 基于GitHub issue的博客更新邮件订阅功能，游客可以通过简单的提交issue进行邮箱订阅站点更新，删除对应issue即可取消订阅。 自部署: 本项目支持自部署，通过较为简洁的方式实现在服务器上获取数据并返回，同时可以合并github 获取的数据，实现更高的准确率。 轻量化：对比原版友链朋友圈的功能，该友圈功能简洁，去掉了设置和fastAPI的臃肿，仅保留关键内容。 无数据库：因为内容较少，我采用json直接存储文章信息，减少数据库操作，提升action运行效率。 部署简单：原版友链朋友圈由于功能多，导致部署较为麻烦，本方案仅需简单的部署action即可使用，vercel仅- 用于部署前端静态页面和实时获取最新内容。 文件占用：对比原版4MB的bund ...

游戏人生界面 参考1 参考2插件版 [ ] 本blog采用插件实现（简单）（移动端样式有问题） 该内容需修改主题文件，本文操作步骤为 anzhiyu 主题 游戏作为第九艺术，是如今最具创意和影响力的艺术形式之一。 它不仅仅是一种娱乐方式，更是一种沉浸式的体验，通过精美的画面、动人的音乐、丰富的剧情和独特的玩法，将玩家带入一个充满想象力的世界。 在这个世界中，玩家可以扮演各种角色，体验不同的人生，感受各种情感。游戏不仅能够带给人们欢乐和刺激，还能够启发人们的创造力和思考能力。 如果你是一个热爱游戏的博客作者，或者是一个喜欢分享游戏的玩家，新建一个游戏页用于展示你喜爱的游戏，或是与读者分享你的游戏感悟，评测，经验。 本文提供为hexo博客新建一个游戏展示页的教程。基于主题“我的装备”页进行修改。 一、样式预览 游戏人生 二、实现步骤 以下为非插件版实现步骤（基于我的装备页面实现） 在\themes\anzhiyu\layout\page.pug中新增以下内容 123456 when 'music' include includ ...

侧边栏倒计时 参考 本文操作步骤为 anzhiyu 主题 使用方法 创建JS文件countdown.js。 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183 ...

page top img兼容mp4视频 参考 本篇拿essay界面举例，自己举一反三 修改主题目录\anzhiyu\layout\includes\page\essay.pug 12345- .author-content.author-content-item.essayPage.single(style = i.top_background ? `background: url(${i.top_background}) left 28% / cover no-repeat;` : "")+ .author-content.author-content-item.essayPage.single(style = i.top_background && !i.top_background.endsWith('.mp4') ? `background: url(${i.top_background}) left 28% / cover no-repeat;` : &q ...

本站日志界面 参考 本站日志的目的是记录我在学习和开发过程中所做的每一项尝试与成就。这不仅是对自己努力的见证，也是希望能为其他开发者提供灵感和参考。通过这份日志，我希望能与大家共同探讨、学习与进步。本文以本站使用的主题 anzhiyu 主题为例，介绍如何为主题添加本站日志。 实现方式 在 _config.anzhiyu.yml 下的 menu: 添加 本站日志: /update/ || xxx。 1234关于: 关于本人: /about/ || anzhiyu-icon-paper-plane 闲言碎语: /essay/ || anzhiyu-icon-lightbulb 本站日志: /update/ || xxx 在 themes/anzhiyu/layout/page.pug 中添加以下内容，注意缩进。 12when 'update' include includes/page/update.pug 在 themes/anzhiyu/layout/includes/page下新建update.pug文件 1234567891011121 ...