Hello World
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub. Quick Start Create a new post $ hexo new "My New Post" More info: Writing Run server $ hexo server More info: Server Generate static files $ hexo generate More info: Generating Deploy to remote sites $ hexo deploy More info: Deployment
一段代码将网站变为黑白以示哀悼
本教程理论上适用于所有网页。 最终效果在此省略。 在网页的</head>前添加以下代码: 若想要全站变为黑白,可修改head.ejs模板文件(不同主题略有不同)。 <style>html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%);}</style>
Gridea NexT主题使用MetingJS解析歌单
通过本文,你可以在博客直接添加一个歌单,而无需一首一首的添加音乐。 本教程理论上同样适用于其他主题,但在细节上会有所不同。 效果:如本站所示。 本文需要修改主题模板文件。 对于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 NexT主题自定义配置无法保存的解决方法
近日,有多名群友遇到了类似的问题,在此,对相关问题进行说明和解决,也方便其他用户查找和参阅。 本教程同样适用于其他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子域名遭受DNS污染和SNI阻断
很不幸的消息,Vercel免费提供的子域名vercel.app于2022年8月再度遭受到了DNS污染和SNI阻断,中国大陆地区已无法访问。 解决方案:绑定自定义域名,并配置CNAME记录。 注意:CNAME记录需要在域名DNS配置处修改,且不要使用vercel.app子域名。 请将CNAME修改为cname.vercel-dns.com或cname-china.vercel-dns.com(中国大陆用户推荐后者)
Gridea NexT自定义鼠标右键菜单
给你的博客添加自定义鼠标右键菜单! 在 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...
JS代码实现网页强制https
当今时代,大多数网站都支持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...
Gridea NexT添加仿Butterfly加载动画
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网页JQuery源码分享
今天给大家分享一个404网页的源码。 源码最初来源于网络,博主进行了一些改动。现在分享给大家。 已实现功能 幽灵浮动特效 幽灵跟随鼠标 自动延时跳转到首页 源码下载 源码使用HTML+JQuery实现,可以根据个人需要自行改动源码(中间很长的那段是JQuery,不建议修改)。 由于源码过长,不变写于文章中,博主会通过网盘进行分享。如果感觉不错的话还请打赏支持一下🙏! 源码下载(提取码:hy0x)
Gridea NexT主题优化(下)
《NexT》是Hexo的一个主题,深受广大用户喜爱。非常感谢@hsxyhao大佬将NexT主题成功移植到了Gridea平台,给大家带来诸多便利。网上有许多有关hexo-theme-next的美化和自定义配置的文章,遗憾的是,由于文件架构不同,那些配置并不完全适用于Gridea NexT主题。鉴于此,我写了一些对于Gridea NexT主题优化的文章。如果这篇文章对你有帮助,还请打赏支持一下!拜托了🙏! 特别说明 在阅读本文章前,您需要有一个按照《NexT主题使用文档》配置的网站/博客。 本文章仅针对Gridea平台的NexT主题,并不适用于其他平台。 本文章与Gridea创始人和NexT主题团队以及@hsxyhao大佬无关,是由本菜鸡博主 (对,我就是个菜鸡) 亲自尝试后总结,请各位大佬勿喷! 本文章中对NexT主题优化后的显示效果预览均以本网站为准(主题优化内容均已在本网站实现)。 本文章中的优化内容均为可选,如果您对显示效果不满意,可以选择不优化其中任意一项,对其他项无影响! 除特别说明外,本文章内需要改动的文件均在 Gridea主题目录 > NexT > t...













