书签
分类管理常用网站
书签
PrimeEdge 提供分类书签页面，支持按分类筛选和图标展示。
创建书签页面
创建 content/bookmarks.md：
---
title: "书签"
description: "收藏有用的网站和工具"
layout: "bookmarks"
---
书签分类
默认包含以下分类：
| 分类 | ID | 图标 | 说明 |
|---|---|---|---|
| 全部 | all | - | 显示所有书签 |
| 技术开发 | tech | fa-code | 开发相关网站 |
| 实用工具 | tools | fa-toolbox | 在线工具 |
| 设计资源 | design | fa-palette | 设计相关 |
| 阅读学习 | read | fa-book-open | 学习平台 |
| 其他 | other | fa-miscellaneous | 其他收藏 |
添加书签
编辑 layouts/page/bookmarks.html，在对应分类下添加：
<a href="https://example.com" target="_blank" rel="noopener" class="bookmark-link-card">
<div class="bookmark-card-icon">
<i class="fa-brands fa-github"></i>
</div>
<div class="bookmark-card-content">
<h3 class="bookmark-card-title">网站名称</h3>
<p class="bookmark-card-desc">网站描述</p>
</div>
</a>
书签卡片结构
每个书签卡片包含：
- 图标 — 使用 Font Awesome 图标类
- 标题 — 网站名称
- 描述 — 一句话介绍
- 链接 — 点击在新标签页打开
分类筛选
书签页面顶部有分类筛选标签，点击后只显示该分类下的书签。切换时有平滑的动画过渡。
Front Matter 字段
| 字段 | 必填 | 说明 |
|---|---|---|
title | 是 | 页面标题 |
description | 否 | 页面描述 |
layout | 是 | 固定为 bookmarks |
使用建议
- 定期整理 — 每季度清理一次失效链接
- 控制数量 — 每个分类不超过 20 个，避免信息过载
- 统一描述风格 — 用一句话概括网站用途，保持一致性
评论