本站同款 Butterfly 自定义页脚
系列文章Butterfly主题博客魔改美化教程总览(一)Hexo使用gulp压缩博客Html+CSS+JS静态资源本站同款 Butterfly 自定义页脚给Butterfly主题文章顶部添加波浪效果 预览效果 教程开始打开主题目录:[BlogRoot]/themes/butterfly/layout/includes/footer.pug修改原本的代码为以下代码: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263#footer-wrap #ft .ft-item-1 .t-top .t-t-l p.ft-t.t-l-t 格言🧬 .bg-ad div | 再看看那个光点,它就在这里,这是家园,这是我们 ——...
绕过 CDN 获取真实 IP 的方法
虽然 CDN(内容分发网络)极大提升了网站访问速度与安全性,但同时也给网络取证工作带来了新的挑战。由于 CDN 会将请求分发至各个节点,通常获取到的 IP 地址是 CDN 节点的虚拟地址,而非网站服务器的真实 IP。因此,在某些调查场景中,我们需要绕过 CDN,探寻目标网站的真实地址。 常见 CDN 服务商国内 CDN 提供商阿里云 CDN,百度云加速,七牛云,又拍云,腾讯云 CDN,UCloud,360 网站卫士,网宿科技,ChinaCache(蓝汛),帝联科技,等 国外 CDN 提供商Cloudflare,StackPathFastlyAkamai,Amazon CloudFront,Edgecast,CDNetworks,Google Cloud CDN,CacheFly,KeyCDN,UDomain,CDN77,等 如何判断网站是否启用 CDN?方法一:多地 Ping 测试使用多地 Ping 工具检测域名的解析 IP 地址是否唯一。如果不同地点的解析 IP 不一致,很可能是部署了 CDN。推荐工具: 站长之家 Ping 爱站 Ping 360...
玻璃与蜗牛
储物柜最深处藏着的玻璃瓶又多了道裂痕,那是我收集的第七块窗户碎片。母亲搬走那夜砸碎的落地窗,此刻正以尖锐的形态蛰伏在书包夹层,每当有人扯我后领,玻璃与帆布摩擦的沙沙声便代替我发出警报。
Hexo使用gulp压缩博客Html+CSS+JS静态资源
Gulp作为前端工作流的自动化工具,能够高效处理各类静态资源压缩任务。通过其丰富的插件生态系统,开发者可以实现: CSS文件的极致压缩 JavaScript代码的智能优化 HTML文档的轻量化处理 字体文件的按需提取 注意:虽然Gulp支持图片压缩,但相比专业的图片优化工具如imagine、tinypng等,其压缩效果有限(通常仅能减少几十KB),因此本文不包含图片压缩相关内容。 环境准备:Gulp安装与配置基础安装步骤 全局安装Gulp命令行工具: 1npm install --global gulp-cli #全局安装gulp指令集 项目本地安装Gulp: 1npm install gulp --save 安装各个下属插件以实现对各类静态资源的压缩 各类资源压缩方案详解HTML压缩方案推荐插件组合: 123npm install gulp-htmlclean --save-devnpm install gulp-html-minifier-terser --save-dev#...
C#/.NET 线程异步
深入解析C#异步编程(async/await)和.NET多线程开发的核心技术,涵盖Task并行库(TPL)、线程池优化、异步I/O操作等高级主题。学习如何避免死锁、管理线程安全、优化并发性能,并应用于Web API、桌面程序和高性能服务开发。包含最新.NET 8的并发特性与最佳实践,帮助开发者构建响应迅速、高吞吐量的现代化应用程序。
《铅笔盒里的刺猬》
课桌第三道刻痕加深时,我正用美工刀削尖第六支铅笔。木屑雪花般落在泛黄试卷上,盖住了那个用红笔画的猪头。后桌男生踹椅子的力度精准如钟摆,每半小时一次,震得铁质笔盒发出癌症病人般的咳嗽。
Butterfly主题博客魔改美化教程总览(一)
本帖教程基于Hexo博客程序的 Butterfly主题编写 ,其中魔改/美化内容大部分收集至各位大神的博客以及网络。 由于每位用户的根目录名称各不相同,本文中博客的根目录将统一使用[BlogRoot]这一标识符表示。 其中配置文件_config.yml,其路径为【BlogRoot/_config.yml】。 主题的配置文件_config.butterfly.yml进行相应修改,该文件位于【BlogRoot/_config.butterfly.yml】路径下。 本文包含有关修改源代码的内容,将会使用diff代码块来标记变更。在复制这些代码段时,请记得移除前面的加号(+)和减号(-)符号,其中(+)号代码添加的代码,(-)代表这整行代码需要删除。 自定义CSS/JS方法CSS:在[BlogRoot]/source/css/目录下新建:daliyuer.css,名称可自定义。 JS:在[BlogRoot]/source/js/目录下新建:daliyuer.js,名称可自定义。 如没有 css跟 js...
给Butterfly主题文章顶部添加波浪效果
本文简要介绍如何在Hexo博客的Butterfly主题中,为每篇文章顶部添加一个动态波浪效果。 效果图: 教程开始修改主题目录: themes/butterfly/layout/includes/header/index.pug 在: 123if top_img !== false if is_post() include ./post-info.pug 代码后面添加如下代码,+是要添加的部分,记得删除前面的+号。 123456789101112131415161718if top_img !== false if is_post() include ./post-info.pug+ section.main-hero-waves-area.waves-area+ svg.waves-svg(xmlns='http://www.w3.org/2000/svg', xlink='http://www.w3.org/1999/xlink', viewBox='0 24 150 28',...
Nginx反代Jsdelivr自建Npm和Github镜像加速服务
由于某些原因,jsdelivr项目的中国域名cdn.jsdelivr.net经历了备案注销,这直接导致了国内用户访问该服务时线路质量变得极不稳定。对于众多依赖jsdelivr作为静态资源加速服务的网站和应用而言,这意味着加载速度显著下降,稳定性也大打折扣。相比备案期间的表现,当前的服务水平确实难以匹敌。值得注意的是,在构建自己的jsdelivr镜像时,建议同时配置防盗链措施,以保护您的资源免受未经授权的使用,从而确保仅限内部或授权用户能够享受加速服务。通过这样的策略,不仅能够有效提升用户体验,还能在一定程度上减轻原服务的压力,促进网络资源的合理分配与利用。
使用Hexo+Github搭建个人博客部署到Vercel并使用Github Action自动化编译部署
这篇文章将教大家如何搭建Hexo博客程序,并部署到Github Pages+Vercel并通过Github Action自动化部署编译。 无需每次重复运行Hexo三件套命令,随着文章越来越多,编译的时间也随之越来越长,所以我们可以通过Github Action实现自动化部署,当我们博客需要更新时,你只需要将改动直接push到远程仓库,之后的编译部署的工作统交给CI来完成即可。 准备工作请提前安装(准备)好以下软件,不会的请自行百度,有很多教程。 电脑:Windows或者Mac Node Js(建议使用 Node.js 12.0 及以上版本):点击前往下载 Git:点击前往下载 Guthub账号:点击前往注册 Vercel:点击前往注册 域名一个(可选) 本地安装Hexo 打开 CMD(终端) 命令框输入如下命令安装 1npm install -g hexo-cli 2. 安装完后输入hexo...