记一次魔改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%; /* 设置宽度 ...
内网攻击入门——使内网终端掉线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 ...
记一次CTF大赛写在前面💻随着大数据、人工智能的发展,人们步入了新的时代,逐渐走上科技的巅峰。⚔科技是一把双刃剑,网络安全不容忽视,人们的隐私在大数据面前暴露无遗,账户被盗、资金损失、网络诈骗、隐私泄露,种种迹象表明,随着互联网的发展,网络安全需要引起人们的重视。💂互联网安全从其本质上来讲就是互联网上的信息安全。从广义来说,凡是涉及到互联网上信息的保密性、完整性、可用性、真实性和可控性的相关技术和理论都是网络安全的研究领域。👨👨👧👦网络安全需要一群网络安全技术人员的维护。而CTF,就是这些人技术竞技的比赛。
CTF📚CTF(Capture The Flag),中文名夺旗赛。
🆚网络安全人员之间进行竞技的一种比赛。
💯参赛团队之间通过进行攻防对抗等形式率先从主办方给出的比赛环境中得到一串具有一定格式的字符串或其它内容,并提交给主办方,从而夺取分数。
🚩为了方便称呼,将需要夺得的内容称为Flag。
题解 WriteUp一.MISC1.好像隐藏了什么图片,010editor改高度,送分题,秒解答案:
1CTF{wo_ai_xue_xi}
2.真 ...