在前一段时间，偶然间发现一篇文章，文章大意就是关于给Hexo博客给文章外部超链接增加中间跳转询问页面，当时看到之后惊为天人之作，毕竟这种界面对于提升博客自身的浏览粘度还是非常重要的，因此把文章就转载过来，做了一个标记，可是个人能力有限，实在不清楚是哪里做修改，所以搁置了。今天又看到一篇文章，同样是介绍博客外部链接增加中间跳转询问页面的，而且作者做成了插件，我测试了一下，非常棒，转载给大家。先来看白天模式的跳转界面
再来看夜间模式的跳转界面
原作者的碎碎念我们不再记录，重点是插件的使用，下面一步一步的跟随老博客站长，来安装这款非常棒的Hexo文章跳转安全提醒插件hexo-safego吧！
插件安装：在使用该插件之前，需要先安装 cheerio，cheerio 是一个轻量级的库，用于在服务器端快速、灵活地实现 jQuery 核心功能。在 hexo-safego 插件中，cheerio 被用来解析和操作生成的静态 HTML 内容，类似于在浏览器中使用 jQuery 处理 DOM 元素。这使得插件能够在生成静态页面时，处理和替换外部链接，增强博客的安全性，而不需要在客户端引入 jQue ...
nginx
未读
DDoS（分布式拒绝服务攻击）是一个让很多网站和服务头疼的问题。DDoS 攻击就像是一群不怀好意的人一起堵塞了你的店门，让正常的顾客无法进入。那我们该如何利用 Nginx 来防止这种攻击呢？
一、DDoS 攻击的特点DDoS 攻击通常有以下几个特点：
攻击流量来源于一些固定的 IP 地址，而且每一个 IP 地址会创建比真实用户多得多的连接和请求。
攻击流量全部由机器产生，速率比人类用户高得多。
进行攻击的机器其 User-Agent 头不是标准的值，Referer 头有时也会被设置成能够与攻击关联起来的值。
二、Nginx 防止 DDoS 攻击的方法1.限制请求率
将 Nginx 可接受的入站请求率限制为适合真实用户的值。比如，通过配置让一个真正的用户每两秒钟才能访问一次登录页面。
12345678limit_req_zone $binary_remote_addr zone=one:10m rate=30r/m;server { ... location /loginUser.html { limit_req zone=one; ...
nginx
未读
首先声明一下，上面的封面图来自互联网，每个人准备的404错误页面也都不是相同的，特别是错误页面下面的导航条，代码修改是个人问题。
404错误的根本原因先说一下404错误页面的来源。当服务器无法展示浏览者试图访问的页面时，就会发生404错误。这个错误仅仅是资源消失不见了，服务器没有内容展示但也不会显示空白屏幕，而是显示 404 页面。 大多数WordPress或者zblog主题都带有一个基本的404模板，但这些设计通常是基本且简单。而引发404错误的因素
用户拼写错误：用户可能在输入URL时出现了拼写错误，或者输入了一个不存在的URL。比如，用户可能输入了一个不存在的页面名称或者目录路径，导致服务器无法找到相应的资源。
资源被删除或移动：有时网站管理员可能会删除或者移动某个页面资源，但是用户的浏览器仍然保留着旧的URL。当用户再次尝试访问该页面时，服务器会返回404错误，告诉用户所请求的资源已经不存在。
错误的链接：互联网上的链接可能会存在错误，即指向了一个不存在的资源。当用户点击了这样的链接时，服务器会返回404错误。
服务器配置错误：在某些情况下，服务器的配置可能出现问题 ...
typecho
未读
今天在浏览一个网站的时候，发现一篇挺有意思的文章，就是Typecho博客批量替换文章内链接与图片链接，本来这篇文章并没有太多的技术含量，就是一个利用MySQL的批量替换功能，来实现文章内的链接或者图片的链接，但是有些时候也会使用到typecho博客程序构造网站，纯粹的一个记录吧。
我们先来看文章中包含的图片链接，如OSS原域名：
1blog-196.cos.ap-guangzhou.myqcloud.com
新网站的图片链接地址
1image.blogbig.cn
这样一来的话，就是把旧网址
1blog-196.cos.ap-guangzhou.myqcloud.com
批量替换成为新网站，也就是
1image.blogbig.cn
这个时候，我们需要进入空间的后台管理，然后找到数据库管理
需要使用数据库的管理工具phpmyadmin来修改数据库的内容，在数据库账户内，找到对应的数据库文件后，进入typecho_contents表，也就是Typecho的文章内容表，双击打开之后，找到里面SQL选项，然后输入代码
1UPDATE `typecho_contents` SET ...
很多时候我们都在会在一些大牌网站上看到这个功能，特别是腾讯云的技术论坛，或者csdn的博客页面，在我们跳转到文章中链接的文章地址的时候，会给我们一个非常不错的跳转提示。有人说这个功能没啥用，也有人说会增加网站博客浏览者的心情，可靠，值得信赖，所以想着实现这个跳转提示的功能，幸好看到这篇文章所以记录下来，这是一个给Hexo博客实现给文章中的外部超链接增加一个中间跳转询问页面的插件，这个插件本来是用ai写的代码，写作要求如下
12345671. 在执行hexo -g指令时自动将文章中的非本站合法超链接提取替换出来 为每个合法的链接生成独立的跳转页面 独立页面的地址和链接形成固定的对应关系 不会因为新增文章而发生对应链接改变的问题2. 当用户浏览博客时点击超链接会跳转到一个单独的网页 在这个网页中显示文字和该链接地址并询问用户是否需要跳转到该链接 当用户点击文字下方的跳转按钮则自动跳转到该链接 3. 文章中的链接应该替换成对应已经生成的跳转页面的链接 4. 要求能在`config`文件中自定义需要进行排除的域名 不对排除的域名下的所有链接进行跳转页面的生成 保留原始的直接跳转即可 ...
今天我们来看一下，如何强制Nginx将全站转向WWW和HTTPS，当然了，我们的想法还是非常好的，但是很多时候网站建设受到实际条件的限制，不一定能够实现，所以这篇文章只是简单的做一个记录，仿制以后做网站的时候需要了，还要四处找教程，Nginx是非常优秀的网站环境架构系统，和Apache、IIS一样，非常受网站爱好者或者一些大型网站管理员的青睐，下面先来说一下我们先要实现的目的
起源与一个美好的构想我们先来看一下遇到的困境和想法
1http://example.com --------------> https://www.example.com
1https://example.com -------------> https://www.example.com
1http://www.example.com ----------> https://www.example.com
也就是说，无论是客户端输入什么样子的域名，都需要最终转跳到
1https://www.example.com
当然了， 前提是需要添加ssl证书，和网站支持代码设置。
实际操作起来 ...
我们在使用Hexo博客程序制作博客网站的时候，最难的问题可能就是图片和附件的保存问题，虽然互联网上给出了很多的解决方案，例如腾讯或者阿里云的存储空间来存放图片附件。但是需要注意的是，腾讯或者阿里云的云存储问题，是需要按照流量付费的，甚至上传流量都需要付费，虽然购买的时候价格低一些但是如果流量大或者遇到恶意刷流量，估计小站长们承受不起，所以才想到了物美价廉的虚拟主机，用虚拟主机存放图片，一般感觉比图床要便利很多。
安装所需的Hexo博客插件
如果使用虚拟主机存放图片，就需要ftp上传，我们需要再命令窗口运行如下代码，主要是用来安装一个支持ftp上传的插件
1npm install hexo-deployer-ftpsync --save
从互联网上的教程来看，ftp上传的插件，一般都是使用的这个插件，测试的时候发现很好用，大家尽管安装就可以。插件安装之后，需要在Hexo博客的配置文件之中，也就是博客根目录的_config.yml文件之中，找到如下代码
1234# Deployment## Docs: https://hexo.io/docs/one-command-deploymen ...
website
未读
npm是JavaScript世界的包管理工具，并且是 Node.js平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。有了npm，可以很快的找到特定服务要使用的包，进行下载、安装以及管理已经安装的包。这两天在使用npm的安装命令安装Hexo的相关功能模块的时候，总不能直接安装模块，类似的提示如下
其实这个
1packages are looking for funding
提示并不是错误，我个人观点是因为发现的文件太多，npm安装器不知道该选择那个，然后把选择权留给使用者。然后我们只需要在命令窗口继续输入
1npm fund
提示窗口会出现
我这个提示框，是今天安装
1hexo-deployer-ftp
同步插件的时候出现的提示，然后在命令窗口之中出现的代码意义，实际上是一些开发者提出的打赏链接，如果有能力的话，还是选择打赏，但是很多朋友看到这个提示页面，认为插件安装就出现问题了，不能够继续安装了，其实我们只需要继续输入代码
1npm install --no-fund
然后就开始进行安装了，等到出现如下提示
插件就安装完成了，可以去he ...
website
未读
Webp图像格式是支持在互联网上无损和有损图像质量压缩的新格式，谷歌公司开发出这种图片格式，只要是方便图片在网上迅速和方便地参与工作。其主要优点是，相对于其他Png和Jpg图像格式，在图像质量相似的情况下，体积要小很多，所以对于图片占用空间比较大的网站来说，高压缩比的不二选择。虽然Webp图像格式很常见，但是有些空间上并没有开放支持功能，需要空间使用者自己独立开发使用。
今天我们来看一下Windows操作系统IIS环境下，如何给虚拟主机添加对Webp图片的支持。大家需要查看一下虚拟主机的面板，找一下是否有MIME设置，如果虚拟主机的面板之中有这个功能项，就可以给自己的虚拟主机添加这种功能，主要思路就是打开这个MIME设置，
然后大家注意下，需要在拓展名的地方，添加如下代码
1.webp
然后在MIME类型里面，填写
1image/webp
然后点击后面的添加就可以，最后的效果如下
设置后，就可以看到对Webp格式的支持了，当然使用虚拟主机的朋友应该是不多了，或者没有MIME类型设置按钮的时候，需要联系空间的技术人员进行修改就可以，当然了，如果对于一般的测试站点儿，完全可以使用 ...
在使用Hexo博客程序的时候，总是避免不了给博客添加一个合理的分类和标签，今天我们就来看一看如何给Hexo博客添加分类和标签，当然了，我们给Hexo博客添加分类和标签，也是使用代码命令来创建的，先来看创建分类选项。
生成“分类”页并添加tpye属性我们在博客所在的文件夹打开命令行，然后在里面执行以下命令
1hexo new page categories
成功之后会给出相对应的提示
1INFO Created: ~/Documents/blog/source/categories/index.md
当然，因为路径的问题，代码提示中INFO Created:的提示路径也不会相同，但是后面的
1/source/categories/index.md
代码内容是相同的，当然了，如果你已经创建过分类页面，会出现
1/source/categories/index-1.md
的信息提示，然后我们进入路径文件，找到里面的index.md文件，打开后默认内容是这样的
1234---title: 文章分类date: 2024-0-27 13:47:40---
或者是
1234---ti ...
我们今天主要来说一下，如何给Hexo博客添加本地搜索功能，主要是使用Hexo博客的插件来实现，插件安装之后，只要启动了博客搜索功能，就可以搜索博客的相关内容，对于提高网站的粘度还是非常有帮助的，我们主要借助Hexo博客的两个本地搜索插件来实现这个功能，对两个本地搜索插件的使用进行了描述，文章可能还有很多不足，请大家谅解，欢迎大家提意见。
使用hexo-generator-search插件大家进入博客文件的CMD目录，然后复制下面的代码进行下载和安装
1npm install hexo-generator-search --save
安装之后，如果在本地public文件夹下面发现生成了sitemap.xml，就表示安装本地搜索插件成功，然后就可以进入本地博客的配置文件_config.yml，在文件最后面，或者适当位置，添加如下代码
123456## search configsearch: path: search.xml field: post content: true template: ./search.xml
path - 文件路径。缺省情况下为 .如果文件扩展名 ...
typora
未读
今天，我们要聊聊一个让许多Typora用户头疼的问题，文字下面的红色波浪线。这个顽固的小家伙不仅影响美观，还可能让你在码字时感到分心。别担心，我这就给你支支招！
红色波浪线是什么在Typora等Markdown编辑器中，红色波浪线通常表示拼写检查或语法检查功能识别到了可能的错误。这些错误可能是拼写错误、语法错误或是格式问题。虽然这些提示在一定程度上能帮助我们提高写作质量，但有时也会给我们带来一些不必要的困扰。
为什么需要去除红色波浪线对于许多专注于写作的朋友来说，红色波浪线的出现可能会打断思路，让你不断地停下来检查和修改。而且，有时候这些提示并不准确，甚至可能导致误判。因此，学会如何去除这些红色波浪线，对于提高写作效率和质量至关重要。
如何去除红色波浪线
要去除Typora中的红色波浪线，其实方法很简单。你只需要按照以下步骤操作即可：
打开Typora软件，并找到菜单栏中的偏好设置选项。
在偏好设置中，选择编辑器选项卡。
在编辑器选项卡中，找到拼写检查或语法检查选项，并将其关闭即可。
这样一来，那些烦人的红色波浪线就会消失得无影无踪啦！
更多实用Tips
除了直接关闭拼写和 ...
文章置顶功能是很多网站程序都需要而且可以实现的功能，主要是为了推荐重要的消息通知或者精彩的文章，原来用的WordPress，直接很方便地管理置顶文章，Hexo只提供了按发布日期的排序，只好网上找了些资料修改。
原理：在Hexo生成首页HTML时，将top值高的文章排在前面，达到置顶功能。
修改Hexo文件夹下的node_modules/hexo-generator-index/lib/generator.js，在生成文章之前进行文章top值排序。
需添加的代码：
12345678910111213posts.data = posts.data.sort(function(a, b) { if(a.top && b.top) { // 两篇文章top都有定义 if(a.top == b.top) return b.date - a.date; // 若top值一样则按照文章日期降序排 else return b.top - a.top; // 否则按照top值降序排 } else if(a.to ...
最近在使用Hexo博客框架构建博客，感觉还是非常方便的，和很多的博客程序一样，Hexo博客也支持对文章链接的修改，虽然默认的Hexo博客链接并没有太多的问题，例如hexo 文章链接默认的生成规则是:year/:month/:day/:title，即按照年、月、日、标题的顺序，小问题在于：
时间是基于文件时间的，文件的创建更新时间是可变的，包括文章标题和文件名都可变，如果修改之后链接就会变，更新部署之后原来的链接就会失效，就像我前几篇公众号的阅读原文链接打不开。
当文件名为中文时，会导致 url 链接中也出现中文，中文会转码，写公众号的时候填原文链接就是非常长的一串符号。
安装hexo-abbrlink插件1npm install hexo-abbrlink --save
配置hexo-abbrlink插件插件安装好后，我们需要修改_cofing.yml中的永久链接：
1permalink: artciles/:year/:abbrlink/
在_config.yml添加配置abbrlink配置：然后在配置文件的适当位置，添加如下代码
12345678910111213## a ...
