refactor: 合并书签配置文件

- 将 bookmarks.yml 和 bookmarks-four-level.yml 合并为统一配置
- 添加2层、3层、4层结构的完整示例
- 删除 bookmarks-four-level.yml 文件
- 更新 site.yml 中的导航配置,移除重复的书签导航项
- 更新 config/README.md 中的文档引用
This commit is contained in:
rbetree
2025-12-26 11:31:39 +08:00
parent 704e895773
commit e0e8ef39ee
5 changed files with 241 additions and 345 deletions

1
.gitignore vendored
View File

@@ -39,3 +39,4 @@ tests/fixtures/
# SpecStory explanation file # SpecStory explanation file
.specstory/.what-is-this.md .specstory/.what-is-this.md
AGENTS.md AGENTS.md
/.claude

View File

@@ -59,7 +59,7 @@ MeNav 配置系统采用“完全替换”策略(不合并),按以下优
2. **字段与结构的权威参考** 2. **字段与结构的权威参考**
- 全局配置:[`_default/site.yml`](_default/site.yml) - 全局配置:[`_default/site.yml`](_default/site.yml)
- 页面配置:[`_default/pages/`](_default/pages/) - 页面配置:[`_default/pages/`](_default/pages/)
3. **多层级嵌套书签示例**[`_default/pages/bookmarks-four-level.yml`](_default/pages/bookmarks-four-level.yml)(示例展示到 `groups``subgroups` 可参考下方说明或由导入脚本生成) 3. **多层级嵌套书签示例**[`_default/pages/bookmarks.yml`](_default/pages/bookmarks.yml)包含2层、3层、4层结构示例`subgroups` 可参考下方说明或由导入脚本生成)
## 模块化配置文件 ## 模块化配置文件
@@ -141,7 +141,7 @@ MeNav 配置系统采用“完全替换”策略(不合并),按以下优
书签与分类支持 2~4 层嵌套,用于更好组织大量站点。建议直接参考默认示例: 书签与分类支持 2~4 层嵌套,用于更好组织大量站点。建议直接参考默认示例:
- 四层结构示例:[`_default/pages/bookmarks-four-level.yml`](_default/pages/bookmarks-four-level.yml) - 多层级结构示例:[`_default/pages/bookmarks.yml`](_default/pages/bookmarks.yml)包含2层、3层、4层结构示例
层级命名约定(自顶向下): 层级命名约定(自顶向下):

View File

@@ -1,313 +0,0 @@
# 四层级嵌套书签配置示例
# 展示分类 -> 子分类 -> 分组 -> 网站的四层结构
# 说明:该页面通常由“书签导入工具”自动生成,手工修改时请保持字段结构一致。
title: 我的书签
subtitle: 从浏览器导入的书签收藏
# 指定使用的模板文件名,现有页面模板可见 templates/pages不含 .hbs
template: bookmarks
categories:
- name: '技术资源'
icon: 'fas fa-laptop-code'
subcategories:
- name: '前端开发'
icon: 'fas fa-code'
groups:
- name: '框架库'
icon: 'fas fa-cube'
sites:
- name: 'React'
url: 'https://reactjs.org/'
icon: 'fab fa-react'
description: 'React官方文档'
- name: 'Vue.js'
url: 'https://vuejs.org/'
icon: 'fab fa-vuejs'
description: 'Vue.js官方文档'
- name: 'Angular'
url: 'https://angular.io/'
icon: 'fab fa-angular'
description: 'Angular官方文档'
- name: 'Svelte'
url: 'https://svelte.dev/'
icon: 'fas fa-fire'
description: 'Svelte官方文档'
- name: '状态管理'
icon: 'fas fa-database'
sites:
- name: 'Redux'
url: 'https://redux.js.org/'
icon: 'fas fa-database'
description: 'Redux状态管理'
- name: 'Vuex'
url: 'https://vuex.vuejs.org/'
icon: 'fas fa-database'
description: 'Vue状态管理'
- name: 'MobX'
url: 'https://mobx.js.org/'
icon: 'fas fa-react'
description: '响应式状态管理'
- name: '构建工具'
icon: 'fas fa-tools'
sites:
- name: 'Webpack'
url: 'https://webpack.js.org/'
icon: 'fas fa-cube'
description: '模块打包工具'
- name: 'Vite'
url: 'https://vitejs.dev/'
icon: 'fas fa-bolt'
description: '下一代前端构建工具'
- name: 'Rollup'
url: 'https://rollupjs.org/'
icon: 'fas fa-compress'
description: '模块打包器'
- name: '后端开发'
icon: 'fas fa-server'
groups:
- name: 'Node.js生态'
icon: 'fab fa-node-js'
sites:
- name: 'Express'
url: 'https://expressjs.com/'
icon: 'fas fa-server'
description: 'Node.js Web框架'
- name: 'Koa'
url: 'https://koajs.com/'
icon: 'fas fa-leaf'
description: '下一代Node.js框架'
- name: 'NestJS'
url: 'https://nestjs.com/'
icon: 'fas fa-home'
description: 'Node.js企业级框架'
- name: 'Python框架'
icon: 'fab fa-python'
sites:
- name: 'Django'
url: 'https://www.djangoproject.com/'
icon: 'fas fa-python'
description: 'Python Web框架'
- name: 'Flask'
url: 'https://flask.palletsprojects.com/'
icon: 'fas fa-flask'
description: 'Python微框架'
- name: 'FastAPI'
url: 'https://fastapi.tiangolo.com/'
icon: 'fas fa-bolt'
description: '现代Python Web框架'
- name: '数据库ORM'
icon: 'fas fa-database'
sites:
- name: 'Prisma'
url: 'https://www.prisma.io/'
icon: 'fas fa-database'
description: '下一代数据库工具'
- name: 'TypeORM'
url: 'https://typeorm.io/'
icon: 'fas fa-database'
description: 'TypeScript ORM'
- name: 'SQLAlchemy'
url: 'https://www.sqlalchemy.org/'
icon: 'fas fa-database'
description: 'Python SQL工具包'
- name: '设计资源'
icon: 'fas fa-palette'
subcategories:
- name: 'UI设计工具'
icon: 'fas fa-paint-brush'
groups:
- name: '原型设计'
icon: 'fas fa-drafting-compass'
sites:
- name: 'Figma'
url: 'https://www.figma.com/'
icon: 'fab fa-figma'
description: '协作式UI设计工具'
- name: 'Sketch'
url: 'https://www.sketch.com/'
icon: 'fab fa-sketch'
description: 'Mac平台UI设计工具'
- name: 'Adobe XD'
url: 'https://www.adobe.com/products/xd.html'
icon: 'fab fa-adobe'
description: 'Adobe UI设计工具'
- name: '设计系统'
icon: 'fas fa-th-large'
sites:
- name: 'Ant Design'
url: 'https://ant.design/'
icon: 'fas fa-th'
description: '企业级UI设计语言'
- name: 'Material Design'
url: 'https://material.io/design'
icon: 'fas fa-cube'
description: 'Google设计系统'
- name: 'Bootstrap'
url: 'https://getbootstrap.com/'
icon: 'fab fa-bootstrap'
description: '响应式CSS框架'
- name: '交互设计'
icon: 'fas fa-hand-pointer'
sites:
- name: 'Principle'
url: 'https://principleformac.com/'
icon: 'fas fa-magic'
description: '交互设计工具'
- name: 'Framer'
url: 'https://www.framer.com/'
icon: 'fas fa-mobile-alt'
description: '交互式设计工具'
- name: 'ProtoPie'
url: 'https://www.protopie.io/'
icon: 'fas fa-chart-pie'
description: '原型制作工具'
- name: '视觉资源'
icon: 'fas fa-image'
groups:
- name: '图标库'
icon: 'fas fa-icons'
sites:
- name: 'Font Awesome'
url: 'https://fontawesome.com/'
icon: 'fab fa-font-awesome'
description: '图标库'
- name: 'Iconfont'
url: 'https://www.iconfont.cn/'
icon: 'fas fa-icons'
description: '阿里巴巴图标库'
- name: 'Feather Icons'
url: 'https://feathericons.com/'
icon: 'fas fa-feather'
description: '简洁的图标库'
- name: '插画资源'
icon: 'fas fa-paint-brush'
sites:
- name: 'UnDraw'
url: 'https://undraw.co/'
icon: 'fas fa-palette'
description: '开源插画库'
- name: 'Illustrations.co'
url: 'https://illustrations.co/'
icon: 'fas fa-image'
description: '插画资源'
- name: 'Storyset'
url: 'https://storyset.com/'
icon: 'fas fa-book'
description: '动画插画库'
- name: '配色方案'
icon: 'fas fa-palette'
sites:
- name: 'Coolors'
url: 'https://coolors.co/'
icon: 'fas fa-palette'
description: '在线配色方案生成器'
- name: 'Adobe Color'
url: 'https://color.adobe.com/'
icon: 'fab fa-adobe'
description: 'Adobe配色工具'
- name: 'Paletton'
url: 'https://paletton.com/'
icon: 'fas fa-palette'
description: '配色方案设计工具'
- name: '开发工具'
icon: 'fas fa-tools'
subcategories:
- name: '编程工具'
icon: 'fas fa-code'
groups:
- name: '代码编辑器'
icon: 'fas fa-code'
sites:
- name: 'Visual Studio Code'
url: 'https://code.visualstudio.com/'
icon: 'fas fa-code'
description: '微软代码编辑器'
- name: 'Sublime Text'
url: 'https://www.sublimetext.com/'
icon: 'fas fa-file-code'
description: '轻量级代码编辑器'
- name: 'WebStorm'
url: 'https://www.jetbrains.com/webstorm/'
icon: 'fab fa-js'
description: 'JetBrains前端IDE'
- name: '版本控制'
icon: 'fas fa-code-branch'
sites:
- name: 'GitHub'
url: 'https://github.com/'
icon: 'fab fa-github'
description: '代码托管平台'
- name: 'GitLab'
url: 'https://gitlab.com/'
icon: 'fab fa-gitlab'
description: 'Git代码管理平台'
- name: 'Bitbucket'
url: 'https://bitbucket.org/'
icon: 'fab fa-bitbucket'
description: 'Atlassian代码托管'
- name: '调试工具'
icon: 'fas fa-bug'
sites:
- name: 'Chrome DevTools'
url: 'https://developers.google.com/web/tools/chrome-devtools'
icon: 'fab fa-chrome'
description: 'Chrome开发者工具'
- name: 'Firefox DevTools'
url: 'https://developer.mozilla.org/en-US/docs/Tools'
icon: 'fab fa-firefox'
description: 'Firefox开发者工具'
- name: 'Postman'
url: 'https://www.postman.com/'
icon: 'fas fa-paper-plane'
description: 'API测试工具'
- name: '部署运维'
icon: 'fas fa-server'
groups:
- name: '云服务'
icon: 'fas fa-cloud'
sites:
- name: 'AWS'
url: 'https://aws.amazon.com/'
icon: 'fab fa-aws'
description: '亚马逊云服务'
- name: 'Azure'
url: 'https://azure.microsoft.com/'
icon: 'fab fa-microsoft'
description: '微软云服务'
- name: 'Google Cloud'
url: 'https://cloud.google.com/'
icon: 'fab fa-google'
description: '谷歌云服务'
- name: '容器化'
icon: 'fas fa-cube'
sites:
- name: 'Docker'
url: 'https://www.docker.com/'
icon: 'fab fa-docker'
description: '容器化平台'
- name: 'Kubernetes'
url: 'https://kubernetes.io/'
icon: 'fas fa-dharmachakra'
description: '容器编排系统'
- name: 'Podman'
url: 'https://podman.io/'
icon: 'fas fa-cube'
description: '无守护进程容器引擎'
- name: 'CI/CD'
icon: 'fas fa-infinity'
sites:
- name: 'GitHub Actions'
url: 'https://github.com/features/actions'
icon: 'fab fa-github'
description: 'GitHub自动化工具'
- name: 'Jenkins'
url: 'https://www.jenkins.io/'
icon: 'fas fa-infinity'
description: '开源自动化服务器'
- name: 'GitLab CI'
url: 'https://docs.gitlab.com/ee/ci/'
icon: 'fab fa-gitlab'
description: 'GitLab CI/CD工具'

View File

@@ -2,36 +2,247 @@
# 建议复制到 config/user/pages/bookmarks.yml 并按需调整。 # 建议复制到 config/user/pages/bookmarks.yml 并按需调整。
# 说明:该页面通常由“书签导入工具”自动生成,手工修改时请保持字段结构一致。 # 说明:该页面通常由“书签导入工具”自动生成,手工修改时请保持字段结构一致。
title: 我的书签 title: 我的书签
subtitle: 从浏览器导入的书签收藏 subtitle: 网页书签收藏
# 指定使用的模板文件名,现有页面模板可见 templates/pages不含 .hbs # 指定使用的模板文件名,现有页面模板可见 templates/pages不含 .hbs
template: bookmarks template: bookmarks
# 页面分类与站点列表(大量示例项,按需删减)
categories: categories:
- name: 技术资源 - name: '常用网站'
icon: fas fa-folder # 分类图标 icon: 'fas fa-star'
sites: sites:
- name: GitHub # 站点名称 - name: 'GitHub'
url: https://github.com/ # http/https URLfavicon 模式将尝试加载站点图标) url: 'https://github.com/'
icon: fab fa-github # 手动图标manual 模式显示favicon 失败时回退) icon: 'fab fa-github'
description: "从书签导入: GitHub" # 描述 description: '代码托管平台'
- name: Stack Overflow - name: 'Stack Overflow'
url: https://stackoverflow.com/ url: 'https://stackoverflow.com/'
icon: fab fa-stack-overflow icon: 'fab fa-stack-overflow'
description: "从书签导入: Stack Overflow" description: '程序员问答社区'
- name: MDN Web Docs - name: 'MDN Web Docs'
url: https://developer.mozilla.org/ url: 'https://developer.mozilla.org/'
icon: fas fa-link icon: 'fas fa-book'
description: "从书签导入: MDN Web Docs" description: 'Web开发文档'
- name: 社交媒体
icon: fas fa-folder - name: '社交媒体'
sites: icon: 'fas fa-share-alt'
- name: Twitter groups:
url: https://twitter.com/ - name: '国际平台'
icon: fab fa-twitter icon: 'fas fa-globe'
description: "从书签导入: Twitter" sites:
- name: LinkedIn - name: 'Twitter'
url: https://www.linkedin.com/ url: 'https://twitter.com/'
icon: fab fa-linkedin icon: 'fab fa-twitter'
description: "从书签导入: LinkedIn" description: '微博客社交平台'
- name: 'LinkedIn'
url: 'https://www.linkedin.com/'
icon: 'fab fa-linkedin'
description: '职业社交网络'
- name: 'Facebook'
url: 'https://www.facebook.com/'
icon: 'fab fa-facebook'
description: '社交网络服务'
- name: '国内平台'
icon: 'fas fa-map-marker-alt'
sites:
- name: '微博'
url: 'https://weibo.com/'
icon: 'fas fa-comment'
description: '中文社交媒体平台'
- name: '知乎'
url: 'https://www.zhihu.com/'
icon: 'fas fa-question-circle'
description: '中文问答社区'
- name: 'B站'
url: 'https://www.bilibili.com/'
icon: 'fas fa-video'
description: '弹幕视频网站'
- name: '技术资源'
icon: 'fas fa-laptop-code'
subcategories:
- name: '前端开发'
icon: 'fas fa-code'
groups:
- name: '框架库'
icon: 'fas fa-cube'
sites:
- name: 'React'
url: 'https://reactjs.org/'
icon: 'fab fa-react'
description: 'React官方文档'
- name: 'Vue.js'
url: 'https://vuejs.org/'
icon: 'fab fa-vuejs'
description: 'Vue.js官方文档'
- name: 'Angular'
url: 'https://angular.io/'
icon: 'fab fa-angular'
description: 'Angular官方文档'
- name: '状态管理'
icon: 'fas fa-database'
sites:
- name: 'Redux'
url: 'https://redux.js.org/'
icon: 'fas fa-database'
description: 'Redux状态管理'
- name: 'Vuex'
url: 'https://vuex.vuejs.org/'
icon: 'fas fa-database'
description: 'Vue状态管理'
- name: 'MobX'
url: 'https://mobx.js.org/'
icon: 'fas fa-react'
description: '响应式状态管理'
- name: '构建工具'
icon: 'fas fa-tools'
sites:
- name: 'Webpack'
url: 'https://webpack.js.org/'
icon: 'fas fa-cube'
description: '模块打包工具'
- name: 'Vite'
url: 'https://vitejs.dev/'
icon: 'fas fa-bolt'
description: '下一代前端构建工具'
- name: 'Rollup'
url: 'https://rollupjs.org/'
icon: 'fas fa-compress'
description: '模块打包器'
- name: '后端开发'
icon: 'fas fa-server'
groups:
- name: 'Node.js生态'
icon: 'fab fa-node-js'
sites:
- name: 'Express'
url: 'https://expressjs.com/'
icon: 'fas fa-server'
description: 'Node.js Web框架'
- name: 'Koa'
url: 'https://koajs.com/'
icon: 'fas fa-leaf'
description: '下一代Node.js框架'
- name: 'NestJS'
url: 'https://nestjs.com/'
icon: 'fas fa-home'
description: 'Node.js企业级框架'
- name: 'Python框架'
icon: 'fab fa-python'
sites:
- name: 'Django'
url: 'https://www.djangoproject.com/'
icon: 'fab fa-python'
description: 'Python Web框架'
- name: 'Flask'
url: 'https://flask.palletsprojects.com/'
icon: 'fas fa-flask'
description: 'Python微框架'
- name: 'FastAPI'
url: 'https://fastapi.tiangolo.com/'
icon: 'fas fa-bolt'
description: '现代Python Web框架'
- name: '设计资源'
icon: 'fas fa-palette'
subcategories:
- name: 'UI设计工具'
icon: 'fas fa-paint-brush'
groups:
- name: '原型设计'
icon: 'fas fa-drafting-compass'
sites:
- name: 'Figma'
url: 'https://www.figma.com/'
icon: 'fab fa-figma'
description: '协作式UI设计工具'
- name: 'Sketch'
url: 'https://www.sketch.com/'
icon: 'fab fa-sketch'
description: 'Mac平台UI设计工具'
- name: 'Adobe XD'
url: 'https://www.adobe.com/products/xd.html'
icon: 'fab fa-adobe'
description: 'Adobe UI设计工具'
- name: '设计系统'
icon: 'fas fa-th-large'
sites:
- name: 'Ant Design'
url: 'https://ant.design/'
icon: 'fas fa-th'
description: '企业级UI设计语言'
- name: 'Material Design'
url: 'https://material.io/design'
icon: 'fas fa-cube'
description: 'Google设计系统'
- name: 'Bootstrap'
url: 'https://getbootstrap.com/'
icon: 'fab fa-bootstrap'
description: '响应式CSS框架'
- name: '视觉资源'
icon: 'fas fa-image'
groups:
- name: '图标库'
icon: 'fas fa-icons'
sites:
- name: 'Font Awesome'
url: 'https://fontawesome.com/'
icon: 'fab fa-font-awesome'
description: '图标库'
- name: 'Iconfont'
url: 'https://www.iconfont.cn/'
icon: 'fas fa-icons'
description: '阿里巴巴图标库'
- name: 'Feather Icons'
url: 'https://feathericons.com/'
icon: 'fas fa-feather'
description: '简洁的图标库'
- name: '配色方案'
icon: 'fas fa-palette'
sites:
- name: 'Coolors'
url: 'https://coolors.co/'
icon: 'fas fa-palette'
description: '在线配色方案生成器'
- name: 'Adobe Color'
url: 'https://color.adobe.com/'
icon: 'fab fa-adobe'
description: 'Adobe配色工具'
- name: 'Paletton'
url: 'https://paletton.com/'
icon: 'fas fa-palette'
description: '配色方案设计工具'
- name: '开发工具'
icon: 'fas fa-tools'
groups:
- name: '代码编辑器'
icon: 'fas fa-code'
sites:
- name: 'Visual Studio Code'
url: 'https://code.visualstudio.com/'
icon: 'fas fa-code'
description: '微软代码编辑器'
- name: 'Sublime Text'
url: 'https://www.sublimetext.com/'
icon: 'fas fa-file-code'
description: '轻量级代码编辑器'
- name: 'WebStorm'
url: 'https://www.jetbrains.com/webstorm/'
icon: 'fab fa-js'
description: 'JetBrains前端IDE'
- name: '版本控制'
icon: 'fas fa-code-branch'
sites:
- name: 'GitHub'
url: 'https://github.com/'
icon: 'fab fa-github'
description: '代码托管平台'
- name: 'GitLab'
url: 'https://gitlab.com/'
icon: 'fab fa-gitlab'
description: 'Git代码管理平台'
- name: 'Bitbucket'
url: 'https://bitbucket.org/'
icon: 'fab fa-bitbucket'
description: 'Atlassian代码托管'

View File

@@ -67,6 +67,3 @@ navigation:
- name: 书签 - name: 书签
icon: fas fa-bookmark icon: fas fa-bookmark
id: bookmarks id: bookmarks
- name: 书签(多层级)
icon: fas fa-bookmark
id: bookmarks-four-level