Hexo 说说功能 - 打造社交化动态页面
前言在博客中,除了长篇的技术文章,我们有时也想分享一些简短的想法、生活感悟或者日常动态。说说功能就像微博、朋友圈一样,可以让我们快速记录生活中的点滴,让博客更加生动有趣。 本教程将教你如何在 Hexo + Butterfly 主题中实现一个完整的说说功能。 功能特点✨ 核心功能: 📝 支持发布简短动态 📅 自动按时间降序排序 🕐 智能时间显示(刚刚、几分钟前、具体日期) 📍 支持显示发布来源(Web、手机等) 🎨 精美的卡片式设计 📱 完美的响应式布局 🌙 深色模式适配 ✨ 流畅的动画效果 实现步骤第一步:创建说说页面使用 Hexo 命令创建说说页面: 1hexo new page talking 编辑 source/talking/index.md,设置页面类型: 12345678910---title: 说说date: 2026-01-07 18:35:09type: talkingcomments: true---<div id="talking-container"> <div class="talki...
Hexo 关于页面 - 打造个性化自我介绍
前言关于页面是博客中非常重要的一个页面,它是访客了解博主的第一窗口。一个精心设计的关于页面不仅能展示个人信息,还能体现博主的个性和品味。本文将详细介绍如何在 Hexo + Butterfly 主题中实现一个功能完善、美观大方的关于页面。 什么是关于页面关于页面(About Page)是博客中用于介绍博主个人信息的专门页面,通常包含: 个人简介:姓名、头像、个人描述 技能标签:掌握的技术栈和技能 博客统计:文章数、分类数、标签数、总字数等 联系方式:GitHub、Email、社交媒体等 个人理念:座右铭、人生格言等 一个好的关于页面能够: 让访客快速了解博主 展示博主的专业能力 提供联系方式,促进交流 增强博客的个性化和亲和力 实现步骤步骤 1:创建关于页面首先使用 Hexo 命令创建关于页面: 1hexo new page about 这会在 source/about/ 目录下生成 index.md 文件。 步骤 2:编辑页面内容编辑 source/about/index.md,设置页面类型和内容: 123456789101112131415161718192021...
Hexo 友链页面 - 增加博客社交属性
Hexo 友链页面 - 增加博客社交属性想让你的博客更有社交属性?想和其他博主互相交流?友链页面是必不可少的!本教程教你如何在 Hexo + Butterfly 主题中实现一个完整的友链功能。 📋 目录 什么是友链 为什么需要友链 实现步骤 功能特点 使用说明 总结 什么是友链1. 定义友情链接(Friend Links)是博客之间互相推荐的链接,通常展示在专门的友链页面上。 2. 展示形式友链通常以卡片形式展示,包含: 🖼️ 网站头像:网站的 Logo 或代表图片 📝 网站名称:网站的标题 🔗 网站链接:网站的 URL 💬 网站描述:一句话介绍 3. 作用 互相推广:增加网站曝光度 建立联系:与其他博主交流 提升 SEO:增加外链权重 丰富内容:让博客更有人情味 为什么需要友链1. 社交属性问题:博客是孤立的,缺乏与其他博主的联系 解决:通过友链建立博客圈子,互相交流学习 2. 流量互换问题:新博客流量少,难以被发现 解决:通过友链互相推荐,增加访问量 3. SEO 优化问题:搜索引擎收录慢,排名低 解决:友链提供外链,提升网站权重 4. 内容发现问题:不知道...
Hexo PWA 支持 - 离线访问与应用化配置教程
Hexo PWA 支持 - 离线访问与应用化配置教程 想让你的博客像原生 App 一样?支持离线访问?可以添加到手机主屏幕?PWA 技术帮你实现!本教程教你如何为 Hexo 博客配置 PWA 支持。 📋 目录 什么是 PWA 为什么需要 PWA 安装插件 配置说明 验证 PWA 使用体验 总结 什么是 PWA1. 定义PWA(Progressive Web App) 是一种渐进式 Web 应用技术,让网站具备类似原生应用的体验。 2. 核心技术PWA 主要依赖三大技术: 📱 Web App Manifest:应用清单文件,定义应用的名称、图标、主题色等 🔧 Service Worker:服务工作线程,实现离线缓存和后台同步 🔒 HTTPS:安全连接,PWA 必须在 HTTPS 环境下运行 3. 主要特性✅ 离线访问:即使没有网络也能浏览已缓存的内容✅ 添加到主屏幕:像 App 一样安装到手机桌面✅ 全屏显示:隐藏浏览器地址栏,沉浸式体验✅ 推送通知:支持消息推送(需额外配置)✅ 后台同步:在后台更新内容✅ 快速加载:利用缓存加速页面加载 为什么需要 PWA1....
Hexo 系列文章功能 - 组织相关内容的最佳实践
Hexo 系列文章功能 - 组织相关内容的最佳实践 写了很多相关的文章,但读者不知道该按什么顺序阅读?系列文章功能帮你解决这个问题!本教程教你如何使用 Butterfly 主题的系列文章功能。 📋 目录 什么是系列文章 为什么需要系列文章 启用系列文章功能 创建系列文章 配置选项详解 最佳实践 总结 什么是系列文章1. 定义系列文章(Series) 是将多篇相关文章组织在一起的功能,让读者可以按照特定顺序阅读。 2. 展示效果启用系列文章后,在文章页面会显示: 12345📚 本文属于「Hexo魔改教程」系列├── 1. Hexo 性能优化 - 代码压缩配置教程├── 2. Hexo SEO 优化 - 站点地图配置教程├── 3. Hexo 数据统计 - 百度统计与 Google Analytics 配置教程└── 4. Hexo 系列文章功能 - 组织相关内容的最佳实践 (当前) 3. 功能特点✅ 自动编号:按顺序显示文章编号✅ 导航便捷:点击即可跳转到其他文章✅ 高亮当前:当前文章会特殊标记✅ 自动排序:可按标题或日期排序 为什么需要系列文章1. 提升用户体验问题...
Windows 端口占用解决指南:如何找到并杀死占用端口的进程
Windows 端口占用解决指南:如何找到并杀死占用端口的进程在使用开发工具或运行服务器时,你可能遇到过这样的错误:”Port 4000 has been used”(端口 4000 已被占用)。这意味着该端口已被其他程序占用,导致你的服务无法正常启动。本文将详细介绍如何在 Windows 系统中找到并杀死占用特定端口的进程。 一、问题现象当你尝试启动服务(如 Hexo 本地服务器)时,可能会看到类似以下错误: 12FATAL Port 4000 has been used. Try other port instead.Error: listen EADDRINUSE: address already in use :::4000 这表明端口 4000 已被其他进程占用,你需要找到并终止该进程,或者使用其他端口(如 hexo s -p 4001)。 二、解决方法方法一:使用命令行解决(推荐)这是最常用、最有效的方法,适用于所有 Windows 版本。 步骤 1:打开命令提示符按下 Win + R 键,输入 cmd,然后按下 Enter 键,打开命令提示符窗口。 步骤 2:查找...
Day 1-3: Java SE核心概念复习详细可执行步骤
Day 1-3: Java SE核心概念复习详细可执行步骤总体目标:夯实Java基础,为后续学习打下坚实基础每日学习时间:2-3小时(建议分为上午1小时理论,晚上2小时实践)学习方式:理论学习 + 代码实践 + 练习题巩固 Day 1: 集合框架深度复习上午理论学习(1小时)第一步:回顾集合框架整体架构(15分钟)学习内容: 绘制集合框架继承关系图 理解Collection和Map两大体系 掌握List、Set、Queue接口的特点 具体操作: 打开记事本,手绘集合框架UML图 标记每个接口和实现类的特点 记录各个集合的使用场景 检验方式:能够不看资料画出完整的集合框架图 第二步:ArrayList vs LinkedList 原理分析(20分钟)学习内容: ArrayList底层数组实现原理 LinkedList双向链表结构 时间复杂度对比分析 使用场景选择策略 具体操作: 阅读ArrayList源码中的add、get、remove方法 分析LinkedList的Node结构和双向指针 制作时间复杂度对比表格 检验方式:能够解释为什么ArrayL...
MySQL 分页查询:用 LIMIT 高效处理大量数据
MySQL 分页查询:用 LIMIT 高效处理大量数据在实际开发中,当查询结果包含成百上千条记录时,一次性展示所有数据会导致加载缓慢、用户体验差。分页查询能将数据分段展示,既减轻服务器压力,又方便用户浏览。MySQL 中通过LIMIT子句实现分页,本文将详细讲解其用法、原理及实战技巧。 一、分页的必要性:为什么需要分页?分页查询的核心价值在于高效处理大量数据,主要解决以下问题: 数据过载:一次性返回 10 万条记录会占用大量内存和网络带宽,导致页面卡顿; 用户体验:用户通常只关注前几页数据,分页可聚焦核心内容; 查询效率:数据库无需扫描全表,仅返回指定范围的记录,减少资源消耗。 示例场景: 电商平台的商品列表(每页显示 20 条); 后台系统的用户管理(每页显示 50 条); 日志查询(按时间分页加载)。 二、MySQL 分页核心:LIMIT 子句的用法MySQL 中通过LIMIT子句实现分页,语法简洁且功能灵活,支持指定起始位置和返回条数。 1. 基本语法结构12345SELECT 字段1, 字段2, ...FROM 表名[WHERE 条件] -- 可选,...
MySQL 排序操作:用 ORDER BY 让查询结果更有序
MySQL 排序操作:用 ORDER BY 让查询结果更有序在数据查询中,无序的结果往往难以分析 —— 比如查看员工薪资时,无序的数字无法快速找到最高或最低值。ORDER BY子句是 MySQL 中实现结果排序的核心工具,能让数据按指定规则有序展示。本文将详细讲解其用法、规则及实战技巧。 一、排序基础:ORDER BY 的核心规则ORDER BY的作用是对查询结果按指定字段进行排序,其基本语法和核心规则如下: 1. 基本语法结构1234SELECT 字段1, 字段2, ...FROM 表名[WHERE 过滤条件] -- 可选,先筛选再排序ORDER BY 排序字段1 [ASC|DESC], 排序字段2 [ASC|DESC] ...; -- 必须放在语句结尾 2. 关键规则 排序方向: ASC(ascend):升序排列(默认,可省略),即从最小值到最大值(如 1→2→3,a→b→c); DESC(descend):降序排列,即从最大值到最小值(如 3→2→1,c→b→a)。 位置要求:ORDER BY必须放在SELECT语句的最后,在WHERE、FROM之后,若...
MySQL 实战:5 道基础 SELECT 语句练习题解析
MySQL 实战:5 道基础 SELECT 语句练习题解析在 MySQL 学习中,实战练习是掌握基础语法的关键。本文通过 5 道经典 SELECT 语句练习题,带你巩固查询操作的核心知识点,从简单查询到条件筛选,逐步提升 SQL 应用能力。 一、计算员工年薪(算术运算与别名)需求查询员工 12 个月的工资总和,并起别名为ANNUAL SALARY。 解决方案12345678-- 基础版:仅计算基本工资的年薪SELECT employee_id, last_name, salary * 12 "ANNUAL SALARY"FROM employees;-- 进阶版:包含佣金的年薪(处理NULL值)SELECT employee_id, last_name, salary * 12 * (1 + IFNULL(commission_pct, 0)) "ANNUAL SALARY"FROM employees; 知识点解析 算术运算:salary * 12 实现月工资到年薪的转换,* 为乘法运算符; 别名:用双引号 “” 定义别...




