效果参考eurkon的博客 实现#page .category-lists .category-list .category-list-item { position: relative; display: inline-block; padding: 0 1rem; width: 48%; font-weight: 700; margin: 0 0.5% 2% 0.5%; border-radius: var(--border-radius); -webkit-box-shadow: rgb(50 50 50 / 30%) 50px 50px 50px 50px inset; box-shadow: rgb(50 50 50 / 30%) 50px 50px 50px 50px inset;}@media (max-width: 640px) { #page .category-lists .category-list .category-list-item { width: 95%; }}#pa ...

前言还是洪化教程，参考shine童鞋 修改pug模板找到themes\butterfly\layout\includes\widget\card_author.pug文件，因为修改的地方很多，所以直接整个文件都换成如下代码： .card-widget.card-info .card-content .card-info-avatar.is-center .author-info__sayhi#author-info__sayhi 晚上好！我是 .author-info__name 张洪Heo .author-info__description | 这有关于 b 产品、设计、开发 | 相关的问题和看法，还有 b 文章翻译 | 和 b 分享 | 。 .author-info__description2 | 相信你可以在这里 ...

给你的博客加一个文章加密功能,使用插件hexo-blog-encrypt，非常简单

碎碎念使用Hexo的小伙伴都比较擅长Hexo的三连了，分别是 hexo cl && hexo g && hexo s 我之前一直使用utools来完成这三步动作。但是因为utools数据莫名其妙丢失，并且官方因为为了收费而不提供配置备份，导致所有脚本都失踪了。万般无奈之下使用了Hapigo作为我的Mac启动工具。 Hapigo支持终端运行，但是对终端支持有限，只支持输入命令而已，甚至历史记录功能还失效了。 研究了半天发现alias相当于给你的命令起一个名字，让你使用自定义命令来执行很长的命令。 设置alias在Mac的用户文件夹下创建.bashrc文件 我的这个文件目录为/Users/king/.bashrc 文件内容填写格式为 alias <名称>=<要执行的命令> 例如我本地运行Hexo的命令就填写 alias yl="cd /Users/king/Desktop/GTC/ && hexo s" 一行一条。 设置启动终端后自动读取alias在终端运行open .zshrc 在最后一行输 ...

背景：事情起因，将博客的主题升级版本之后，hexo clean && hexo g -s 后，发现会强制将所有文章的文件的修改日期，在文章中显示，很明显，这是不对的。解决方案是：修改 hexo 工作目录下 _config.yml 中修改为 updated_option: "date" ，但是这个变量是只有 hexo v5.0 才支持，而我当前是 v4.2。 教程未升级之前，当前配置: - hexo: 4.2.1- node: 16.17.0 使用 淘宝源的 cnpm：使用 cnpm 替换 npm（使用淘宝源）： 升级 Hexo:# 使用淘宝源的 cnpm 替换 npmnpm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install -g cnpm # 升级 npmcnpm cache clean -f # 清除 npm 缓存===更新 hexo: 进入 blog 目录，执行如下命令=== # 更新 ...

前言出于一些原因我已经放弃了CSDN，打算打造自己的Blog 我需要提取所有CSDN的文章md格式保存，所以诞生了另一个工具csdn-move 就如名称一样，就是一个脚本能提取个人博客保存为md 并打包下载。 演示 使用方法前往https://blog-console-api.csdn.net/F12 -> console 复制下面那句话，回车var s=document.createElement('script');document.body.appendChild(s);s.src='//cdn.jsdelivr.net/gh/ame-yu/csdn-move@latest/dist/index.js'; 这并不是一个复杂的项目。如果有人希望从其他博客打包md，也可以留言讨论。

图片为什么要转base64格式图片的 base64 编码就是可以将一副图片数据编码成一串字符串，使用该字符串代替图像地址 提升性能网页上的每一个图片，都是需要消耗一个 http 请求下载而来的, 图片的下载始终都要向服务器发出请求，要是图片的下载不用向服务器发出请求，base64可以随着 HTML 的下载同时下载到本地.减少https请求。 加密让用户一眼看不出图片内容 , 只能看到编码。 方便引用在多个文件同时使用某些图片时, 可以把图片转为base64格式的文件, 把样式放在全局中, 比如common.css, 以后在用的时候就可以直接加类名, 二不需要多层找文件路径, 会提升效率 base64概念Base64是网络上最常见的用于传输8Bit字节码的编码方式之一，Base64就是一种基于64个可打印字符来表示二进制数据的方法。维基百科：base64_百度百科 原理： 将字符转二进制字节 3个字节为一组转为4个字节 根据转换表将4个字节转换为相对应的字符 输出结果 byte[] b1 = "天明".getBytes("UTF-8");for( ...

碎碎念在开始前，请先确保你已看此Hexo魔改系列前置教程，或者你是老司机 引用站外地址 Hexo Butterfly博客魔改的一点点基础 GTC 我干了什么❓原本即刻短文不支持waline评论，我修复了这个问题，在此感谢轻笑大佬 更新状态✅ 图片灯箱✅ 多图片多行显示✅ 外部链接✅ 瀑布流✅ 首页滚动✅ 快速评论✅ 本地修改 yml 发布✅ aplayer 单曲音乐❎ pjax适配 前提注意该教程仅为博主目前使用的方法, 如需移植还需自行修改 css 变量, 以下为博主自用 css 变量, 可自行修改为自己喜欢的颜色。 因为教程改自安知鱼大佬，色彩也用他的 /* 颜色 */:root { --anzhiyu-theme-op: #4259ef23; --anzhiyu-gray-op: #9999992b; --anzhiyu-theme-top: var(--anzhiyu-theme); --anzh ...

更新记录 2023-01-14: 修改元宝index值（js代码内），默认999999会出现一些bug，设为1即可。修复dom获取不到的Bug。适配pjax。 效果图 倒计时大于一天会显示天数。 倒计时小于一天会显示时分秒进行倒计时。 如果已经过年了则显示新年快乐。 参考文档 博客新年倒计时卡片 我是这么适配pjax的 教程添加侧边栏 适用于 >= 3.8.0 低版本劝退新建文件[Blogroot]\source\_data\widget.yml # top: 创建的 widget 会出现在非 sticky 区域（即所有页面都会显示)# bottom: 创建的 widget 会出现在 sticky 区域（除了文章页都会显示)top: - class_name: id_name: newYear name: icon: order: 1 html: '<div id="newYear-main"><div class="mask"></div> ...

碎碎念在开始前，请先确保你已看此Hexo魔改系列前置教程，或者你是老司机 引用站外地址 Hexo Butterfly博客魔改的一点点基础 GTC 效果 首先要卸载店长的hexo-butterfly-footer-beautify插件，将页脚直接写成一个pug，个人觉得插件很多冗余的地方用不到，因此卸载了，否则会冲突npm uninstall hexo-butterfly-footer-beautify --save 在站点配置文件_config.yml删除插件相关的配置项-footer_beautify:- enable:- timer: true # 计时器开关- bdage: true # 徽标开关- priority: 5 #过滤器优先权- enable_page: all # 应用页面- exclude: #屏蔽页面- # - /posts/- # - /about/- layout: ...