Knwoledge Wiki 模板主题是由 Baklib Wiki 引擎驱动的动态网站模板，完全响应式，使用Tailwind CSS 和Alpine.js 构建，并使用Heroicons作为图标。图片来自Unsplash。其设计目标是具有独特的外观和感觉，区别于其他Tailwind CSS模板。
包含的部分设计页面:
知识库首页 (4)
布局 (9)
详情 (7)
博客 (7)
页面 (8)
小部件 (10)
模板特色:
侧边栏导航可展开和隐藏。
知识设计可以有 Support、FAQ、Article List 等多种展现形式。
Index页面:
首页展示一级栏目列表，清晰明了的展示内容。
Support 页面:
首页展示一级栏目列表，清晰明了的展示内容。
带图标、热门搜索关键词、文章统计。
FAQ 列表页面:
通过卡片形式分栏、通过展开/折叠展示页面详情。
FAQ 首页:
首页通用卡片形式展示 FAQ 页面。
Page页面特色:
展示页面详情内容。
顶部可带父级栏目导航、右侧带侧边栏。
Page页面:
展示页面详情内容，可带侧边栏：反馈表单、热门推荐。
FAQ 页面特色:
Card形式分类，折叠展开当前页面详情。
Export 页面:
将某个栏目设置为"export page"模板，则将在一个页面展示所有的子孙页面内容，类似于一本电子书，方便用户打印、导出为线下文档。
栏目页面:
页面可层层嵌套，多级列表展示。
主要功能和技术:
Baklib Wiki Liquid: 模板标记语言，用于驱动前后端动态内容。
Tailwind CSS v3: 利用最新版本的Tailwind CSS进行高效开发。
Alpine.js v3: 使用Alpine.js进行UI交互，可以轻松替换为其他JavaScript框架。
Heroicons: 包含一套230个MIT许可的SVG图标。
Chart.js: 集成了Chart.js用于创建图表和图形。
Unsplash图片: 使用来自Unsplash的免费可用图片。
响应式设计: 在所有屏幕尺寸上都能无缝运行。
.
├── README.md
├── config
│ └── settings_schema.json
├── layout
│ └── theme.liquid
├── package-lock.json
├── package.json
├── snippets
│ ├── _aside.liquid
│ ├── _breadcrumb.liquid
│ ├── _custom_menu.liquid
│ ├── _export_page.liquid
│ ├── _export_tree.liquid
│ ├── _feedback_form.liquid
│ ├── _footer.liquid
│ ├── _header.liquid
│ ├── _page.liquid
│ ├── _page_list.liquid
│ ├── _paginate.liquid
│ ├── _plugins.liquid
│ ├── _popular_pages.liquid
│ ├── _sidebar.liquid
│ ├── _tag.liquid
│ └── _tree.liquid
├── statics
│ ├── about.liquid
│ ├── faq-item.liquid
│ ├── faq-simple.liquid
│ ├── faq-toggle-cards.liquid
│ ├── faq-toggle.liquid
│ ├── knowledge-dashboard-alternative.liquid
│ ├── knowledge-dashboard.liquid
│ └── knowledge-page.liquid
├── tailwind.config.js
├── templates
│ ├── index.docs.liquid
│ ├── index.faqs.liquid
│ ├── index.pages.liquid
│ ├── nav_tree.liquid
│ ├── page.channel.liquid
│ ├── page.export.liquid
│ ├── page.liquid
│ ├── search.liquid
│ └── tag.liquid
├── yarn-error.log
└── yarn.lock
The Template install Guide: https://help.baklib.cn/themes/knowledge
The Baklib template install Guide: https://dev.baklib.cn/guide/git
