Aurielの博客

本教程理论上适用于所有网页。 最终效果在此省略。 在网页的</head>前添加以下代码： 若想要全站变为黑白，可修改head.ejs模板文件（不同主题略有不同）。 <style>html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%);}</style>

通过本文，你可以在博客直接添加一个歌单，而无需一首一首的添加音乐。 本教程理论上同样适用于其他主题，但在细节上会有所不同。 效果：如本站所示。 本文需要修改主题模板文件。 对于Gridea NexT主题，请将 主题>自定义配置>音乐>音乐插件 设置为“无”。 引入Aplayer 如果你使用的博客主题没有引入Aplayer，请在适当位置引入它： 对于Gridea NexT主题，请在templates>_blocks文件夹中的music.ejs文件末尾添加下面的代码： <link rel="stylesheet" href="https://unpkg.com/aplayer@1.10.1/dist/APlayer.min.css"><script src="https://unpkg.com/aplayer@1.10.1/dist/APlayer.min.js"></script> 引入MetingJS 在适当位置添加下面代码（在Aplayer下方引入即可）...

近日，有多名群友遇到了类似的问题，在此，对相关问题进行说明和解决，也方便其他用户查找和参阅。 本教程同样适用于其他Gridea主题，但部分细节可能会略有不同。 问题描述 Gridea主题自定义配置页面无法保存更改。 前几次保存成功，之后点击保存按钮无响应。 原因分析 经多方面测试和评估，问题大概率出在Gridea上。 具体而言，Gridea上传图片时路径书写格式有误，因而无法保存更改。 解决办法 打开 Gridea 文件目录下的 config 文件夹。 找到主题自定义配置文件 theme.json 。 将文件中所有图片字段（如 wxImg 、 zfbImg 等，不同主题可能会略有不同）的路径中的 \\ 修改为 / 。 以 wxImg 字段为例： 将 "wxImg": "\\media\\images\\custom-wxImg.png", 修改为 "wxImg": "/media/images/custom-wxImg.png", 。 其他图片路径以此类推。 修改完后重启Gridea即可保存自定义配...

很不幸的消息，Vercel免费提供的子域名vercel.app于2022年8月再度遭受到了DNS污染和SNI阻断，中国大陆地区已无法访问。 解决方案：绑定自定义域名，并配置CNAME记录。 注意：CNAME记录需要在域名DNS配置处修改，且不要使用vercel.app子域名。 请将CNAME修改为cname.vercel-dns.com或cname-china.vercel-dns.com（中国大陆用户推荐后者）

给你的博客添加自定义鼠标右键菜单！ 在 Gridea主题目录 > NexT > templates > _blocks 目录下创建 mouseright.ejs 文件。 ※特别说明： 如果你使用其他主题（包含其他平台的主题），请在所有页面的 </body> 前添加代码（建议添加在模板文件中）。你的网站可能需要先引入font-awesome图标库才能使用以下面的代码。 在 mouseright.ejs 文件中添加下面的代码： <!--鼠标右键菜单开始--><style>.usercm a { text-decoration: none;}div.usercm{ background-repeat:no-repeat; background-position:center center; background-size:cover; background-color:#fff; font-size:13px!important; width:130px; -moz-box-shadow...

当今时代，大多数网站都支持https。很多平台也可以“一键开启强制https”选项。显然，Github Pages绑定自定义域名后并不支持“一键开启强制https”。因此，我在这里给出一个 可能可行 的解决方案。 你的网站需要配备SSL证书并支持https后才能进行下面的操作。 博主已亲自验证此方法的可行性。 实现原理：Java判断当前网页地址的协议头，如果是http就重定向到https。 注意事项：特别判断一下是不是本地预览（localhost）。如果是本地预览则不再执行重定向（否则会造成本地预览出错）。 代码如下： <script> // 判断非本机且未使用 https 时，强制重定向到 https。 if ((!window.location.host.startsWith("localhost")) && (window.location.protocol == "http:")) window.location = window.location.toString().re...

Hexo的Butterfly主题有一个很好看的加载动画，现在我把它添加到Gridea NexT主题（博主已实现），并写一个教程。如果这篇文章对你有帮助，还请打赏支持一下🙏！ 在 Gridea主题目录 > NexT > templates > _blocks 目录下创建 loading.ejs 文件。 ※特别说明： 如果你之前曾按照“Gridea NexT主题优化”中的教程创建过loading.ejs文件，你可以直接在 loading.ejs 文件末尾添加代码。 如果你使用其他主题（包含其他平台的主题），请在所有页面的 </head> 前添加代码（建议添加在模板文件中）。 在 loading.ejs 文件中添加下面的代码： <!--网站加载动画开始--><style>#loading-box .loading-left-bg,#loading-box .loading-right-bg { position: fixed; z-index: 10000; width: 50%; height: 100%; ...

今天给大家分享一个404网页的源码。 源码最初来源于网络，博主进行了一些改动。现在分享给大家。 已实现功能 幽灵浮动特效 幽灵跟随鼠标 自动延时跳转到首页 源码下载 源码使用HTML+JQuery实现，可以根据个人需要自行改动源码（中间很长的那段是JQuery，不建议修改）。 由于源码过长，不变写于文章中，博主会通过网盘进行分享。如果感觉不错的话还请打赏支持一下🙏！ 源码下载（提取码：hy0x）

《NexT》是Hexo的一个主题，深受广大用户喜爱。非常感谢@hsxyhao大佬将NexT主题成功移植到了Gridea平台，给大家带来诸多便利。网上有许多有关hexo-theme-next的美化和自定义配置的文章，遗憾的是，由于文件架构不同，那些配置并不完全适用于Gridea NexT主题。鉴于此，我写了一些对于Gridea NexT主题优化的文章。如果这篇文章对你有帮助，还请打赏支持一下！拜托了🙏！ 特别说明 在阅读本文章前，您需要有一个按照《NexT主题使用文档》配置的网站/博客。 本文章仅针对Gridea平台的NexT主题，并不适用于其他平台。 本文章与Gridea创始人和NexT主题团队以及@hsxyhao大佬无关，是由本菜鸡博主 （对，我就是个菜鸡） 亲自尝试后总结，请各位大佬勿喷！ 本文章中对NexT主题优化后的显示效果预览均以本网站为准（主题优化内容均已在本网站实现）。 本文章中的优化内容均为可选，如果您对显示效果不满意，可以选择不优化其中任意一项，对其他项无影响！ 除特别说明外，本文章内需要改动的文件均在 Gridea主题目录 > NexT > t...

《NexT》是Hexo的一个主题，深受广大用户喜爱。非常感谢@hsxyhao大佬将NexT主题成功移植到了Gridea平台，给大家带来诸多便利。网上有许多有关hexo-theme-next的美化和自定义配置的文章，遗憾的是，由于文件架构不同，那些配置并不完全适用于Gridea NexT主题。鉴于此，我写了一些对于Gridea NexT主题优化的文章。如果这篇文章对你有帮助，还请打赏支持一下！拜托了🙏！ 特别说明 在阅读本文章前，您需要有一个按照《NexT主题使用文档》配置的网站/博客。 本文章仅针对Gridea平台的NexT主题，并不适用于其他平台。 本文章与Gridea创始人和NexT主题团队以及@hsxyhao大佬无关，是由本菜鸡博主 （对，我就是个菜鸡） 亲自尝试后总结，请各位大佬勿喷！ 本文章中对NexT主题优化后的显示效果预览均以本网站为准（主题优化内容均已在本网站实现）。 本文章中的优化内容均为可选，如果您对显示效果不满意，可以选择不优化其中任意一项，对其他项无影响！ 除特别说明外，本文章内需要改动的文件均在 Gridea主题目录 > NexT > ...