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. 提升用户体验问题...
Hello World
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub. Quick StartCreate a new post1$ hexo new "My New Post" More info: Writing Run server1$ hexo server More info: Server Generate static files1$ hexo generate More info: Generating Deploy to remote sites1$ hexo deploy More info: Deployment




