一个不愿透露姓名的帅气年轻小伙📮 基本信息
联系方式： QQ: 1012386834 | zx1012386834@outlook.com
地址：重庆
GitHub: jcw-2002
技术博客: 我的技术笔记
🎓 教育背景
重庆工商大学 | 信息管理与信息系统（本科）2021.09 - 2025.06
主修课程：数据挖掘、数据库原理、机器学习
重庆大学国家卓越工程师学院 | 智能网联汽车（交流生）2024.09 - 2025.06
研究方向：自动驾驶关键场景生成
🏆 获奖经历2024年（第12届）“泰迪杯”数据挖掘挑战赛（负责人）全国三等奖第20届学科竞赛节之信息系统开发大赛 校级二等奖第19届学科竞赛节之信息系统开发大赛 校级二等奖第八届中国国际“互联网+”大学生创新创业大赛 院级优秀奖
💻 技术能力1234数据分析 ► Python（pandas/numpy/matplotlib/seaborn）、SQL、数据清洗/可视化 机器学习 ► Scikit-learn、XGBoost/LightGBM、特征工程、超参数调优 数据工 ...
前言在使用Hexo AnZhiYu主题时，我们经常需要创建各种列表页面，比如友情链接、在线工具推荐、番剧记录等。原本的设计中，如果页面使用 type: link，就会强制读取 _data/link.yml 文件，这限制了我们创建多样化页面的灵活性。
今天分享一个功能改进：通过添加 page 参数实现自定义数据源，让友链模板可以复用于不同类型的页面。
问题分析原有机制的局限性12345# 原有方式：所有 type: link 的页面都会读取 link.yml---title: 友情链接type: link---
这种设计存在以下问题：
所有使用link模板的页面都会显示相同的友链数据
无法创建独立的工具推荐、番剧记录等页面
数据源固定，缺乏灵活性
改进后的机制123456# 新方式：通过 page 参数指定数据源---title: 在线工具推荐type: linkpage: online # 读取 _data/online.yml---
技术实现核心逻辑分析在 flink.pug 模板中，关键的判断逻辑如下：
123- const isCustomPage = page.pag ...
详细记录 Hexo 博客从本地开发环境到云服务器自动化部署的完整过程，包括环境配置、Git 钩子设置和 Nginx 服务器配置。
技术方案概述为什么选择 Hexo目前搭建博客的主流框架有 WordPress、VuePress、Hugo、Hexo 等等，我主要是感觉 Hexo 好看的主题比较多，生态完善，所以选择了这个静态博客框架。
整体部署架构采用 Git 钩子自动化部署 方案，实现一键部署：
12345graph LR A[本地 Hexo] -->|hexo deploy| B[远程 Git 仓库] B -->|Git 钩子触发| C[自动部署脚本] C -->|复制文件| D[Nginx 网站目录] D -->|访问| E[用户浏览器]
核心流程：
🏠 本地推送：执行 hexo deploy 将生成的静态文件推送到远程 Git 仓库
🔄 自动触发：Git 仓库配置钩子脚本，接收推送后自动执行部署
📂 文件同步：将最新的静态文件强制覆盖到 Nginx 指定的工作目录
🌐 对外服务：Nginx 服务器配置访问根路径指向该工作目 ...
记录解决 Hexo 安知鱼主题中轮播图（Swiper）无法正常播放的完整过程，包括问题分析、解决方案和最终实现。
问题详细描述问题现象在使用安知鱼主题过程中，遇到首页轮播图完全无法正常工作的严重问题：
🚫 轮播图静止不动：首页的轮播图完全静止，无法自动切换或手动操作
❌ 控制台错误频繁：浏览器控制台出现大量 Swiper 相关的 JavaScript 错误
🔄 随机性故障：页面刷新后偶尔能正常工作，但大部分时间都是故障状态
📱 全平台影响：移动端和桌面端都存在相同问题
⚠️ 加载顺序混乱：页面元素和脚本库加载时机不匹配
错误信息详情控制台典型错误信息包括：
123Uncaught TypeError: Cannot read properties of undefined (reading 'Swiper')Uncaught ReferenceError: Swiper is not definedUncaught TypeError: Cannot read properties of null (reading 'classList' ...
为 Hexo 安知鱼主题添加一个优雅的底部语句功能，支持自动刷新、手动复制和自定义语句管理。
功能特性
🎯 固定底部显示随机语句
🔄 每10秒自动刷新语句
📋 左键点击复制语句到剪贴板
🔃 右键点击手动刷新语句
📝 支持从JSON文件动态加载语句
🎨 完美适配安知鱼主题样式
📱 响应式设计，移动端友好
安装步骤1. 创建 JavaScript 文件在 source/custom/js/ 目录下创建 random-quote.js 文件：
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261 ...
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
本指南将引导您完成 Git 版本控制中常见的更新和同步操作。
检查仓库状态在进行任何更新之前，最好先了解当前仓库的状态。
1git status
此命令会列出所有已修改（modified）、已暂存（staged）、未跟踪（untracked）或已删除（deleted）的文件。通过输出，您可以清楚地知道哪些文件发生了变化。
添加更改根据 git status 的输出，您可以选择要包含在下一次提交中的更改。
添加所有已修改和已删除的文件如果您想快速添加所有已跟踪文件中已修改和已删除的更改（不包括未跟踪的新文件），可以使用：
1git add -u
如果您想添加所有更改，包括新文件，可以使用 git add . 或 git add -A。
检查远程仓库配置在推送代码之前，确保您的本地仓库已正确配置远程仓库地址。
1git remote -v
此命令会显示当前配置的远程仓库的名称（通常是 origin）及其 URL。您应该能看到 fetch 和 push 的地址。
检查和配置 SSH 密钥使用 SSH 方式与 GitHub 等远程仓库交互更为安全和方便。
确认 SSH 密钥是否存在运行以下命令 ...
详细记录如何将 Hexo 静态博客免费部署到 Vercel 平台的完整过程，包括自动化部署、自定义域名配置和常见问题解决方案。
为什么选择 VercelVercel 的核心优势在众多静态网站托管平台中，Vercel 脱颖而出的原因：
🆓 完全免费：个人项目无任何费用，包含 CDN 和 SSL 证书
⚡ 极速部署：全球 CDN 节点，访问速度极快
🔄 自动化 CI/CD：Git 推送即自动构建部署
🌐 域名友好：免费提供 .vercel.app 域名，支持自定义域名
📱 移动优化：自动适配移动端，性能卓越
🔧 零配置：支持多种框架，Hexo 开箱即用
对比其他平台
平台
免费额度
部署速度
CDN
自定义域名
推荐指数
Vercel
100GB 带宽/月
⭐⭐⭐⭐⭐
全球
免费
⭐⭐⭐⭐⭐
Netlify
100GB 带宽/月
⭐⭐⭐⭐
全球
免费
⭐⭐⭐⭐
GitHub Pages
1GB 存储
⭐⭐⭐
有限
免费
⭐⭐⭐
Cloudflare Pages
无限
⭐⭐⭐⭐
全球
免费
⭐⭐⭐⭐
部署前准备工作环境要求 ...
