写在前面本文介绍了如何在网页加入自定义徽标，丰富网站信息。使用 徽标生成网站 生成徽标使用 SimpleIcons 查询图标 原文出处 https://akilar.top/posts/e87ad7f8/ 效果预览 步骤直接网址访问填写相关参数即可生成svg图标，基本填写格式为：https://img.shields.io/badge/前段文字-后段文字-颜色?style=xxx&logo=xxx 参数说明代码示例样式预览仅仅如此肯定是不能令人满意的，还可以继续添加样式。shields.io提供直接在URL内添加样式属性的功能。使用?引用，使用&连接各属性。 属性 说明 示例 style 徽标样式，默认提供了五种样式： plastic,flat,flat-square, for-the-badge,social ?style=flat-square label 覆盖默认的左侧文本 （空格或特殊字符需要转URL编码！） ?label=healthinesses logo 给左侧标签前插入图标 可以访问simpleicons查询图标 ...
前言最近在项目中使用了allatori进行代码混淆，但是每次打包完jar文件后还需要手动混淆，这让我很不爽，所以想着能不能在maven中自动进行代码混淆，直接打包出混淆后的jar文件。 步骤1. 下载allatori混淆器，并解压到工作目录 下载地址：https://www.allatori.com/ 将其解压并放到工作目录，例如我将下载好的allatori.jar解压到放到了[root]\allatori\lib目录下。然后在[root]\allatori\目录下创建allatori.xml配置文件，具体内容可以查看其官方文档结合你的项目情况进行配置。 12345678910111213141516171819202122<config> <input> <jar in="xxx-origin.jar" out="xxx-obfuscated.jar"/> </input> <ignore-classes> <!--不混淆 引入的第三方jar包--& ...
本文修改主题为AnZhiYu主题，若使用其他主题，请自行确认修改位置。 该方法通过外部引入，无需修改主题源文件。 写在前面AnZhiYu主题自动生成的的音乐馆页面只提供了音乐的播放功能，并不能直接下载歌曲（虽然你可以自己用开发者工具抓包下载，但这不是一个好习惯）。因此，我们需要在音乐馆页面添加歌曲下载的功能。但是，AnZhiYu主题的音乐馆页面是通过Aplayer插件生成的，因此直接修改主题文件无法直接修改播放页面。故我们另辟蹊径，通过修改其在此页面外挂的按钮来添加歌曲下载功能。 预览 修改添加下载按钮修改[BlogRoot]\themes\anzhiyu\layout\includes\page\music.pug文件，添加下载按钮和下载加载动画。 123456789101112#anMusic-page#anMusicBtnGetSong(title="随机单曲，打开异世界的大门") i(class="anzhiyufont anzhiyu-icon-shuffle")#anMusicRefreshBtn(title=" ...
本文修改主题为AnZhiYu主题，若使用其他主题，请自行确认修改位置。 该方法通过外部引入，无需修改主题源文件。 原文出处 https://blog.kouseki.cn/posts/4f72.htmlhttps://satera.cn/posts/6a8fb549/https://blhorizon.github.io/posts/29ff7730.html 效果预览 查看图片 修改步骤以本站使用的主题anzhiyu为例(butterfly通用)，为首页顶部图配置渐进式加载。这个方法应该也同样适用于一图流的博客背景，有需要的朋友可以自己研究一下~ 1. 图片加载JS新建文件[Blogroot]\source\js\imgloaded.js新增以下内容，并按照注释配置自己的图片，可以是图片直链也可以是本地路径。这里可以获取 随机二次元背景图 。需要注意的是，在本地部署可能首页背景图不能显示，远程部署就可以解决了。 12345678910111213141516 ...
本文修改主题为AnZhiYu主题，若使用其他主题，请自行确认修改位置。 该方法通过外部引入，无需修改主题源文件。 效果预览 修改步骤 新建文件source/css/home.css或在已引入的css中新增以下内容 123456789101112131415#recent-posts > .recent-post-item:not(a)::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 200%;background: linear-gradient(to right, transparent, white, transparent);transform: translateX(-200%);transition: transform 0.5s linear;z-index: 1;}#recent-posts > .recent-post-item:not(a):hover::before {transform: tra ...
本文修改主题为AnZhiYu主题和Butterfly主题，若使用其他主题，请自行确认修改位置。 原文出处 https://blog.kouseki.cn/posts/da2a.html 效果预览 申请Token 打开腾讯位置服务，登录你的账号 点击创建应用，填一下名称和类型，随意即可 点击添加Key，key名称随意，勾选WebServiceAPI，此处白名单可以自选 例如我选的是域名白名单，注意此处本地部署localhost是有效的，需带上端口号。 部署至公网填写域名即可，不需要端口号。 记录下得到的Key 修改步骤1. 新建文件在hexo目录下新建source/js/welcome.js文件，新增以下内容(若没有js文件夹直接新建即可)。 原文中的js为了实现jsonp请求还引入了jQuery，有些浪费，故此处修改js实现去掉jQuery依赖。 请修改第3行的key为你申请到的key，以及第40行的经纬度为你自己的经纬度。 1234567891011121314151617181920212223242526272829303132333435363738394041 ...
为什么使用 Github Action每次部署Hexo都需要运行指令三件套，随着文章越来越多，编译的时间也随之越来越长，通过Github Action，我们只需要在每次完成博客的编写或修改以后，将改动直接push到远程仓库，之后的编译部署的工作统统交给CI来完成即可。 常量声明 常量名 常量释义 [Blogroot] 本地存放博客源码的文件夹路径 [SourceRepo] 存放博客源码的私有仓库名 [SiteBlogRepo] 存放编译好的博客页面的公有仓库名 Site指站点，教程中会替换成 Github、Gitee、Coding [SiteUsername] 用户名 Site指站点，教程中会替换成 Github、Gitee、Coding [SiteToken] 申请到的令牌码 Site指站点，教程中会替换成 Github、Gitee、Coding [GithubEmail] 与github绑定的主邮箱，建议使用Gmail [TokenUser] Coding配置特有的令牌用户名 Github Action使用教程获取Token为了确保交由Gith ...
jsdelivrjsdelivr是一个免费的CDN服务，可以利用它配合github来为页面静态资源提供加速，有效提升资源加载速度。 jsdelivr有文件大小限制，单文件最大为50M，如果你的文件超过50M，就会访问失败。 要使用jsdelivr加速文件，你需要将文件托管在GitHub上，并通过jsdelivr提供的CDN服务来访问这些文件。以下是如何操作的步骤： 创建仓库在GitHub上创建一个新的仓库，并将你想要加速的文件上传到这个仓库中。确保文件的权限设置允许公开访问。 使用jsdelivr访问jsdelivr的网站，并使用以下格式的URL来访问你的文件： 1https://cdn.jsdelivr.net/gh/用户名/仓库名@发布标签/文件路径 例如：我的项目仓库为https://github.com/RandomEnch/randomench.github.io，我要加速的文件为/js/custom.js，我要发布的版本为latest，那么我可以这样访问： 要使用jsdelivr就使用如下网址 12https://cdn.jsdelivr.net/gh/RandomEn ...
写在前面gulp能够帮助用户自动压缩静态资源，配合各类下属插件，能够压缩包括css、js、html乃至各类格式的图片文件。（图片文件的压缩往往只能节省几十KB，效果远远不如imagine、tinypng等压缩方式，所以此处不再写使用gulp压缩图片的内容）。为了加快网站的加载速度，压缩静态资源是十分必要的。 配置教程安装Gulp插件在博客根目录[Blogroot]打开终端，输入： 12npm install --global gulp-cli #全局安装gulp指令集npm install gulp --save #安装gulp插件 安装下属插件 压缩HTML： 123npm install gulp-htmlclean --save-devnpm install gulp-html-minifier-terser --save-dev# 用gulp-html-minifier-terser可以压缩HTML中的ES6语法 压缩CSS： 1npm install gulp-clean-css --save-dev 压缩JS 方案一：为了适配绝大多数浏览器（IE：就是老子），可以将E ...
本文修改主题为Butterfly主题，若使用其他主题，请自行确认修改位置。 原文出处 https://akilar.top/posts/8322f8e6/ 效果预览 修改步骤 修改[Blogroot]\themes\butterfly\layout\includes\post\post-copyright.pug,直接复制以下内容替换原文件内容。此处多次用到了三元运算符作为默认项设置，在确保有主题配置文件的默认项的情况下，也可以在相应文章的front-matter中重新定义作者，原文链接，开源许可协议等内容。 1234567891011121314151617181920212223242526272829303132if theme.post_copyright.enable && page.copyright !== false - let author = page.copyright_author ? page.copyright_author : config.author - let url = page.copyright_url ? page ...
