archives美化
这里进行archives页面美化，详情看archives页面 布置过程css样式颜色根据自己需求进行更改，改成自己喜欢的样式。 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018 ...
heo 同款页脚部署
footer页脚在themes/butterfly/layout/includes目录下找到footer.pug文件，添加如下代码（注意缩进）。 123456789101112131415#footer-bar .footer-bar-links .footer-bar-left #footer-bar-tips .copyright | ©2023 - 2023 By a.footer-bar-link(href="https://icemyst.github.io" target="_blank" rel="external nofollow") 冰刻无痕 .footer-bar-right a.footer-bar-link(href="/rss/" data-pjax-state="") 订阅 a.footer-bar-link(h ...
二维码美化
分享一个可以美化二维码的网址。 美化网站：赤兔二维码美化器，让二维码更好看 碎碎念 现在的网络很混乱的，基本上什么都有，想找一个好一点的比较难找，你如果不去花一点时间去找一下的话，基本上都是一些开会员的网站，我分享的二维码网站功能很多，虽然二维码美化的模板相对来说有点少，但是够一个小博客使用了，我去查了很多相关的网站，很多都是要登录或者收费，有一些更离谱，一些模板都可以免费用的，他楞是搞了个登录和会员这些，我分享的这个已经很不错了，基本上都是可以免费使用的，这就比一些网站有良心了 预览图展示： 我的二维码就是在这个网址上制作的，可以看到生成后，可以直接下载到本地，后续你进行压缩处理就可以进行使用了。 这里还有其它的文件二维码生成，使用比较多样化，可以根据自己的需求来进行二维码生成。 二维码展示： 微信 支付宝
css/js备忘录
CSS 备忘笔记链接伪类选择器用于不同状态下链接元素的 CSS 选择器，以下是一些常用的备忘录笔记： :link：选择未被访问过的链接。 :visited：选择已被访问过的链接。 :hover：选择鼠标悬停在链接上的状态 :active：选择链接被点击的状态 :focus：选择链接获得焦点时的状态 这些伪类选择器可以用于修改链接元素的样式，以提供视觉上的反馈或交互效果。 使用顺序：:link -> :visited -> :hover -> :active 这个顺序的原因在于，当链接被点击时，用户通常先悬停在链接上（:hover），然后触发链接点击（:active）。而 :visited 伪类选择器需要在 :link 之后定义，以确保样式覆盖正确。 示例; 123456789101112131415a:link { color: blue; /* 未访问的链接的颜色为蓝色 */}a:visited { color: red; /* 已访问链接的颜色为红色 */}a:hover { color: yellow; ...
免费科学上网使用
057c997229e7de88b92d82e00b080c5cf01efa5918e94ecfec081a3052c21c4d1bc7179554ba6b4ae4546aab6021e6650f02ebbe03297fdd5c50a4eba159eb9284f5fd10393951c7223b36e01bef07ce7c7be9f6e5cf252d8f1c86ff6de065236064dd39e669eed612a52ad3435e09486d12671518f5329f8a8866b80be926c5270eb56069ab7c6e7bee755859e2b50ee278ed1a11788a6b75f7d4fa33d428ec56dcef3b3d80b85ec50b1f8520c4ec058f97bed608efac507b484ebfcdcd488ff3b1099b62241d807781abbff945241ca528a27b82f131bf7e7222460133ab537fe0eb3610856769fa5dbea426cfb2c3a15fb919e05d0d605 ...
hexo 文章加密
hexo-blog-encrypt毕竟是插件，能说的不多，这里就随便记录一下吧。 部署步骤 进入到你的博客根目录下，打开终端然后输入以下命令，安装插件 1npm install --save hexo-blog-encrypt 在你的创建的文章Front-matter下，增加一行 password: 【你需要设置的密码】。 1234567---title: hexo 文章加密date: 2023-06-24 18:49:24tags: [hexo]categories: 技术教程password: 【你需要设置的密码】--- 编辑 _config.yml，加入以下内容以彻底汉化插件 123456789# Securityencrypt: # hexo-blog-encrypt silent: true abstract: 这是一篇加密文章，需要输入正确的密码才能继续阅读。 message: 当前文章暂不对外可见，请输入访问密码后查看！ tags: # 设置指定 tags 为加密文章，当文章设置了指定 tags 后自动加密 - {name: pr ...
使用onedrive-vercel-index部署OneDrive网盘
其实onedrive-vercel-index文档说的已经很全了，这里只是做了一个部分记录。 前期准备 微软 OneDrive 账号 GitHub 账号 Vercel 账号 Microsoft Azure 配置 进入到 App registrations - Microsoft Azure，点击【Register an application】跳转到此界面。 获取 client id 记录下这个client，后面需要使用，这里的 **(client) ID **就是api.config.js文件里的， clientId ，它应该出现在 Overview > Essentials。 获取 secret 点击Certificates & secrets（证书和密码）跳转到此界面。 点击 New client secret（新客户端密码） Description名称随意，设置Expires（截至期限） 将 Expires 设置为 Custom（自定义），最高可以设置为两年。 最后，点击 Add ，然后复制 client_secret 的值并妥善保管。（只显示一 ...
轮播图布置
店长原教程：源计划-方舟：首页轮播图 点击查看预览效果 布置教程 这里如果有安装其它轮播图插件的用cmd终端卸载，最好用管理员身份执行，可以自己去根目录下的package.json文件下查询你有安装哪些插件。 12# 后面加载为你安装的swiper轮播图插件npm uninstall hexo-butterfly-swiper --save 本篇需要用到iconfont作为卡片底部的装饰性图标。去阿里图标库加载引入到文章，务必确保symbol方案能够使用后再进行下方内容。 anzhiyu主题可以直接引入，butterfly主题要引入阿里图标配置项。详情看hexo-butterfly主题美化记录。（引入后放入如下位置。） anzhiyu主题 1234icons: ali_iconfont_js: # 阿里图标symbol 引用链接，主题会进行加载 symbol 引用 fontawesome: true #是否启用fontawesome6图标 fon ...
太极图loading分享（纯css）
更改pug文件找到【blog】\themes\anzhiyu\layout\includes\loading\下的fullpage-loading.pug文件，进行以下更改。 123456789#loading-box(onclick='document.getElementById("loading-box").classList.add("loaded")') .loading-left-bg+ .loading-right-bg+ .loading-bg- - img.loading-img(alt="加载头像" class='nolazyload' src=loading_img ? url_for(loading_img) : "data:image。。。。") .loading-image-dot //- 加载的字体，可以不要+ .loading-font loading... #loading-percent ...
藏宝阁（整改版）
感谢Leonus大佬前面的帮助 引用站外地址 Leonus 进一寸有进一寸的欢喜。 修改page.pug文件在[blogRoot]\themes\butterfly\layout\page.pug中添加如下代码： 这里注意缩进，pug格式文件对缩进要求严格，注意对齐。 12345678 when 'tags' include includes/page/tags.pug when 'link' include includes/page/flink.pug when 'categories' include includes/page/categories.pug+ when 'collect'+ include includes/page/co ...
