记一次魔改Hexo的URL结构今天折腾了一晚上Hexo，终于把URL的问题搞定了！事情是这样的：Hexo默认生成的URL是域名/年/月/日/文件名，这种格式不仅长，而且如果文件名是中文，URL会变成一堆乱码，看起来特别不友好。于是我就想着能不能改一下URL的结构，让它更简洁一些。结果没想到，这一改还牵扯出了SEO的问题，最后经过一番思考和群友的讨论，终于找到了一个完美的解决方案。下面就来记录一下这次魔改的全过程。
为什么要改URL？Hexo默认的URL格式是/:year/:month/:day/:title/，这种格式有几个问题：
太长：尤其是当文章标题很长的时候，URL会变得特别冗长，不利于分享。
中文乱码：如果文章标题是中文，URL会被编码成一堆%xx的字符，看起来特别乱。
不美观：我个人更喜欢简洁的URL格式，比如/posts/自定义名，这样既短又好看。
于是我就想着改一下Hexo的URL生成规则，让它更符合我的需求。
第一步：修改_config.yml中的permalink参数Hexo的URL生成规则是通过_config.yml文件中的permalink参数来控制的。默认的 ...
生活日常
未读
饮9量计算器 凌尘k-Blog
body {
font-family: Arial, sans-serif;
background-color: #f4f4f9;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.container {
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
width: 100%;
...
技术开发
未读整体效果
💎知识点：
1️⃣ 使用 display: grid 和 place-items: center 来实现居中对齐，使整个页面的内容在视口中居中显示。
2️⃣ 结合使用 linear-gradient 和 radial-gradient 来创建复杂的背景效果。使用多个渐变可以让背景具有层次感。
3️⃣ 使用 @property 定义自定义属性 --x 和 --c，以便在组件中灵活地控制角度和颜色。这种方式可以提高代码的可维护性和可读性。
4️⃣ 通过 ::before 和 ::after 创建额外的视觉效果，比如内阴影和边框效果。这种方法常用于增加元素的装饰性，而不需要额外的HTML结构。
5️⃣ 定义 :hover 和 :checked 状态的样式，提供用户交互反馈。这些效果可以使按钮或其他元素在用户操作时表现出明显的变化，提升用户体验。
6️⃣ 使用 @media 查询来处理不同的媒体类型，如打印和减少运动效果的偏好。这使得在不同环境下，页面能够以适当的方式展示。
7️⃣ 使用 transition 属性来实现平滑的过渡效果，提升视觉效果的流畅性。通过设置不同的过渡时 ...
记一次软著申请2024年8月20日 星期二今天终于把软著申请的材料搞定了！虽然过程有点复杂，但总算是完成了。其实申请软著这件事，一开始我并没有特别强烈的动机，就是写了个小工具，觉得挺好用的，想着闲着也是闲着，不如申请个软著吧。万一以后能加学分，或者积分落户能用上呢？反正也不亏，就当是个备胎吧。
为什么要申请软著？说实话，我一开始对软著并没有太多了解，只是听说现在软著挺火的，尤其是在大学生和职场新人中间。很多人申请软著是为了加学分、评奖学金，或者是为了积分落户。我写了个小工具，用来处理一些重复性的工作，虽然不是什么大项目，但觉得还挺实用的。于是就想，既然写了，不如顺便申请个软著吧，万一以后能用上呢？反正申请一下也不费太多事，就当是个“未来投资”吧。
软著申请流程申请软著的流程其实挺规范的，虽然有点繁琐，但只要按照步骤来，还是能搞定的。下面是我记录的申请详细流程和一些注意事项。
1. 准备材料 软著申请的材料要求比较严格，格式和内容都要规范。我花了好几天时间才把材料整理好，主要包括以下几部分：
源代码：这是软著申请的核心材料。我把我写的工具代码整理了一下，删掉了一些无关的第三方库和测 ...
技术开发
未读如何使用 HTML + CSS + JavaScript 创建一个日夜间切换的页面网页设计中，日夜间切换功能可以极大地提升用户体验，适应不同光照条件。本文将详细介绍如何使用 HTML、CSS 和 JavaScript 实现这一功能，并提供一个示例进行讲解。
整体效果动态图片加载缓慢，请等待…
🔑思路：
通过定义两套css样式，分别为日间和夜间，通过js切换。
实现步骤：HTML 结构：创建一个包含按钮和内容的页面结构。CSS 样式：定义日间模式和夜间模式的样式，通过类名应用不同的颜色和背景色。JavaScript 代码：在文档加载完毕后，通过事件监听器捕捉按钮点击事件，根据当前模式的类名动态切换 body 的类。
1. 创建基本的 HTML 结构首先，我们需要一个基本的 HTML 结构，用于展示页面内容和切换按钮。
1234567891011121314151617<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...
技术开发
未读整体效果
💎知识点：
1️⃣ :before 以及 :after 伪元素
2️⃣ transform 以及 transition 属性
3️⃣ flex 布局以及 position 定位
4️⃣ :hover 选择器
🔑思路：
定义好按钮通用样式，然后利用伪元素绘制两个矩形背景，当鼠标悬浮在按钮上方时，两个伪元素矩形背景过渡显示出来。
一个双开门的按钮，交互效果比较强，但是实现很简单，快学起来吧。
核心代码部分，简要说明了写法思路；完整代码在最后，可直接复制到本地运行。
核心代码html 代码1<button class="btn69">button</button>
button 主体。
css 部分代码123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354/* .app 类定义了整个应用的容器 */.app { width: 100%; /* 设置宽度 ...
腾讯云轻量服务器搭建 Minecraft 联机服务器教程一、前期准备（一）腾讯云账号注册与实名认证;首先，你需要前往腾讯云官网（https://cloud.tencent.com/ ）进行账号注册。注册过程很简单，按照页面提示填写相关信息即可。完成注册后，务必进行实名认证，这是使用腾讯云各项服务的必要前提。实名认证能确保你的账号安全，同时让你在使用服务器等资源时不会受到限制。
（二）选择合适的腾讯云轻量服务器套餐;
配置选择
登录腾讯云控制台后，进入轻量应用服务器页面。对于搭建 Minecraft 服务器，若同时在线人数较少（如 1 - 5 人），选择 1 核 2GB 内存、30GB SSD 盘、3Mbps 带宽的套餐基本可以满足需求。如果预计在线人数较多（5 - 10 人甚至更多），建议选择 2 核 4GB 内存及以上配置的服务器，以保证游戏的流畅运行。
地域选择
地域的选择也很关键，尽量选择距离玩家地理位置较近的区域。例如，如果你和朋友都在中国大陆东部地区，选择 “上海”“南京” 等地域的服务器，能有效降低网络延迟，提升游戏体验。不同地域的服务器在网络延迟、带宽价格等方面可能会有 ...
内网攻击入门——使内网终端掉线ARP欺骗（ARP spoofing），又称ARP毒化（ARP poisoning，网络上多译为ARP病毒）或ARP攻击，是针对以太网地址解析协议（ARP）的一种攻击技术，通过欺骗局域网内访问者PC的网关MAC地址，使访问者PC错以为攻击者更改后的MAC地址是网关的MAC，导致网络不通。此种攻击可让攻击者获取局域网上的数据包甚至可篡改数据包，且可让网络上特定计算机或所有计算机无法正常连线。最早探讨ARP欺骗的文章是由Yuri Volobuev所写的《ARP与ICMP转向游戏》（ARP and ICMP redirection games）。
运作机制：ARP欺骗的运作原理是由攻击者发送假的ARP数据包到网上，尤其是送到网关上。其目的是要让送至特定的IP地址的流量被错误送到攻击者所取代的地方。因此攻击者可将这些流量另行转送到真正的网关（被动式数据包嗅探，passive sniffing）或是篡改后再转送（中间人攻击，man-in-the-middle attack）。攻击者亦可将ARP数据包导到不存在的MAC地址以达到阻断服务攻击的效果，例如netcut软件 ...
【全网首发】Cloudflare+Github最稳定的方法搭建静态网站前言在当今信息化时代，拥有一个个人博客网站已成为许多人的梦想。无论是记录生活、分享技术，还是展示作品，一个独立的博客网站不仅能展示个人风采，还能与全球用户进行互动交流。随着科技的发展，搭建个人博客网站的工具和方法也在不断进步，简便性和稳定性成为大家关注的重点。
本文将详细介绍如何通过 Cloudflare 和 GitHub 搭建一个稳定的静态网站。通过结合这两个强大的平台，我们不仅可以免费托管静态页面，还能确保网站的高可用性和安全性。无论你是技术小白还是经验丰富的开发者，都可以通过这篇教程轻松搭建属于自己的个人博客网站，展示你的独特魅力。
希望本文能为大家提供清晰的指导，帮助每一位读者顺利实现搭建个人网站的梦想。让我们一起开始这段有趣的学习旅程吧！
一、准备工作
需要的准备的东西：一个Github账号、一个Cloudflare账号、网站所需的源码、域名一个（可选）、脑子
二、Github部分1. 注册Github账号在GitHub官网使用邮箱注册即可，无难度略过。网址如下：https://github.com
2. ...
我是如何处理并通过Github搭建图床的？前言 最近又开始重操旧业写博客了，在写的时候遇见了一个问题。我刚写好的文章分享给朋友之后发现图片都消失了，检查之后发现是用的图床寄了【悲】，急忙又开始修，把图片又重新传到了别的图床，后续又出现了问题，网站加载速度有点慢，半天加载不出来，把图片屏蔽后问题解决了，发现是图床太慢了，拖网站后腿。
最终决定自己搭一个图床，本着能不花钱就不花钱的原则，最终选择了Github，Github能存文件就也能放图片，在尝试将图片放到GitHub仓库里再复制链接后访问，结果可行，就是加载速度不佳，上了cdn之后效果显著提升。
操作复现一、准备工作
创建Github账号
访问Github自行注册即可。
下载PicGo软件
PicGo是一个用于上传图片的客户端，支持拖拽上传、剪贴板上传，功能十分方便。
官网地址 PicGo的Github地址 山东大学PicGo镜像地址
二、Github部分
创建一个Github仓库
生成Token令牌 点击右上角头像->Settings->下拉，直到左侧到底，选择Devel ...
