E:\Web\
│
├── _config.yml 站点配置文件(标题、描述、导航链接等)
├── Gemfile Ruby 依赖声明
├── Gemfile.lock Ruby 依赖锁定版本
├── index.html 首页
├── about.md 关于页面
├── archives\index.md 归档页面
├── readme.md 本文件
│
├── _includes/ 可复用组件片段
│ ├── header.html 页首导航栏(Logo + 导航链接)
│ └── footer.html 页脚版权信息
│
├── _layouts/ 页面布局模板
│ ├── default.html 默认布局(全站通用)
│ ├── post.html 文章详情布局(标签显示逻辑)
│ └── tag_page.html 标签筛选布局(labels 页面用)
│
├── _posts/ 文章存放目录
│ ├── 2026-04-10-QClaw太厉害了.md
│ └── 2026-04-10-Iobit Uninstall 15.md
│
├── labels/ 标签筛选页面(JS 过滤器)
│ └── index.md
│
├── _sass/ Sass 样式源文件(未启用)
│
└── assets/ 静态资源
├── css/
│ └── style.css 主样式表(核心)
├── images/
│ ├── avatar.png 头像图片
│ └── qclaw/ QClaw 文章配图
├── fonts/ 字体文件
└── js/ JavaScript 脚本
| 文件 | 作用 |
|---|---|
_config.yml |
Jekyll 站点配置,定义网站标题、描述、导航、GitHub 链接等 |
index.html |
首页,展示博客简介和最新内容 |
about.md |
关于页面,展示个人介绍和技术栈 |
archives\index.md |
按年份归档所有文章 |
labels\index.md |
标签筛选页面,点击标签按钮实时过滤文章列表(纯 JS,无页面跳转) |
assets/css/style.css |
全站样式,定义颜色、排版、布局等 |
_includes/header.html |
页首组件,包含网站标题、头像和导航链接 |
_includes/footer.html |
页脚组件,包含版权信息 |
_layouts/default.html |
默认布局骨架,所有页面的基础 |
_layouts/post.html |
文章详情布局,含标签显示逻辑(href 指向 labels/#标签名) |
_layouts/tag_page.html |
标签筛选布局,labels 页面专用 |
assets/images/avatar.png |
用户头像图片 |
_posts/*.md |
博客文章,使用 Jekyll front matter 定义元数据(标题、日期、标签等) |
assets/images/qclaw/ |
QClaw 文章专用配图目录 |
- 文章标签:写在 front matter 的
tags: ["转载", "杂谈"]等 - 标签显示:
_layouts/post.html渲染标签按钮,href 指向/website/labels/#标签名 - 标签过滤:
labels/index.md内置 JS 过滤器,页面加载时读取 URL hash 自动触发过滤