项目简介
Doccure 文档模板是一款专为医疗/诊所预约系统设计的静态文档站点，使用 Bootstrap 5 构建。模板提供了 HTML、Laravel、Angular、Vue 四个技术版本的导航入口，适合作为多框架产品的统一文档页面。无需构建工具，直接在浏览器中打开即可运行。
技术栈
- Bootstrap 5（CSS 框架，含响应式布局与暗色模式支持）
- jQuery 3（DOM 操作与插件生态）
- Prism.js（代码语法高亮）
- Feather Icons（图标库）
- Poppins + Nunito（Google Fonts 自托管字体）
- Isotope（瀑布流布局）、Magnific Popup（弹窗）、jQuery Zoom（图片放大）
项目结构
text
doccure-204/
└── documentation/
├── index.html # 主入口，四框架导航页
├── html.html # HTML 版文档内容页
├── laravel.html # Laravel 版文档内容页
├── angular.html # Angular 版文档内容页
├── vue.html # Vue 版文档内容页
└── assets/
├── css/
│ ├── bootstrap.min.css
│ ├── style.css # 主样式文件
│ ├── dark.css # 暗色主题样式
│ ├── prism.css # 代码高亮样式
│ └── magnific-popup.css
├── js/
│ ├── main.js # 侧边栏切换、主题切换、响应式逻辑
│ ├── bootstrap.bundle.min.js
│ ├── jquery-3.6.4.min.js
│ ├── prism.js # 代码块渲染
│ ├── feather.min.js
│ ├── isotope.pkgd.min.js
│ └── jquery.magnific-popup.min.js
└── fonts/ # Poppins / Nunito 字体文件
核心文件说明
documentation/index.html— 文档站入口，顶部导航 + 四框架切换卡片assets/css/style.css— 全站主样式，定义侧边栏布局、主内容区宽度、字体等assets/css/dark.css— 暗色主题样式表assets/js/main.js— 核心交互逻辑，包含侧边栏折叠、主题切换（localStorage 记忆）、移动端检测assets/js/prism.js— 代码块语法高亮引擎assets/css/prism.css— Prism 高亮主题样式
快速开始
纯静态站点，无需安装依赖：
bash
# 直接在浏览器打开主入口
open doccure-204/documentation/index.html
# 或使用任意本地服务器
npx serve doccure-204/documentation
使用建议
该模板默认无侧边栏导航（no-sidebar），适合作为文档首页或单页说明使用。若需添加完整的左侧菜单目录，可参考 style.css 中的 .sidebar 和 .sidebar-dropdown 结构进行扩展开发。暗色模式通过 data-bs-theme 属性切换，主题偏好会自动存入 localStorage。
