个人技术博客,基于 Jekyll 构建,托管于 GitHub Pages。支持文章标签筛选、图片预览、密码保护等功能。
2026/06/04 V 0.2
重大功能:文章密码保护系统
CSS 清理:移除重复定义、修复孤立代码块、添加 .zoomed 规则
功能修复:首页排序、about 头像路径、删除备份文件
| 文件 | 作用 |
|---|---|
_config.yml |
Jekyll 站点配置,定义网站标题、描述、导航、GitHub 链接等 |
index.html |
首页,展示博客简介和最新内容 |
about.md |
关于页面,展示个人介绍和技术栈 |
archives\index.md |
按年份归档所有文章 |
labels\index.md |
标签筛选页面,点击标签按钮实时过滤文章列表(纯 JS,无页面跳转) |
assets/css/style.css |
全站样式,定义颜色、排版、布局等 |
assets/css/glightbox.min.css |
GLightbox 图片预览样式库 |
assets/js/glightbox.min.js |
GLightbox 图片预览脚本库 |
_includes/header.html |
页首组件,包含网站标题、头像和导航链接 |
_includes/footer.html |
页脚组件,包含版权信息 |
_layouts/default.html |
默认布局骨架,所有页面的基础,集成 GLightbox 图片预览功能 |
_layouts/post.html |
文章详情布局,含标签显示逻辑(href 指向 labels/#标签名) |
_layouts/tag_page.html |
标签筛选布局,labels 页面专用 |
assets/images/avatar.png |
用户头像图片 |
_posts/*.md |
博客文章,使用 Jekyll front matter 定义元数据(标题、日期、标签等) |
assets/images/qclaw/ |
QClaw 文章专用配图目录 |
all-tags是 Jekyll 保留字,标签页使用labels目录名- 文件写入必须使用 UTF-8 无 BOM 格式,否则 Jekyll 会跳过 front matter 解析
- GLightbox 实现:点击图片打开预览,滚轮缩放,拖拽时不会意外关闭