pengzhanbo 4d2361a704
feat(theme)!: add collections support (#704)
* feat(theme)!: add collection support
2025-10-07 23:13:09 +08:00

3.5 KiB
Raw Permalink Blame History

title, icon, createTime, permalink, tags
title icon createTime permalink tags
主题介绍 mdi:tooltip-text-outline 2024/03/04 11:06:24 /guide/intro/
指南
快速开始

==vuepress-theme-plume== 是基于 VuePress 构建的现代化主题,无论您需要创建技术博客生活随笔产品文档知识库还是系列教程,都能满足您的多样化需求。

我们在文本排版和图片展示方面进行了深度优化,特别是对 Markdown 语法进行了丰富扩展,让您能够轻松创作出美观易读、表现力强的专业内容。

::: details 初次接触 VuePress

VuePress 是一个静态站点生成器 (SSG) 专门为构建高性能的内容型网站而设计。简而言之,它能将 Markdown 格式的内容通过主题渲染,生成可部署在任何地方的静态 HTML 页面。 :::

前往 VuePress 官网 深入了解{.read-more}

核心优势

相比 VuePress 默认主题,我们提供了显著的改进:

🎨 卓越的用户体验

全面优化界面设计和交互逻辑,打造更加美观、简洁且易用的阅读体验。

🚀 丰富的功能特性

  • 多样化布局:支持完全自定义的==首页==,可选==文章列表==、==文档==模式
  • 内容增强:内置==全文搜索==、==文章评论==、==内容加密==、==文章水印==等实用功能
  • 代码展示:支持代码块==分组==、==折叠==、==聚焦==、==行高亮==、==差异对比==,可嵌入 CodePen、JSFiddle、CodeSandbox 等平台的==代码演示==
  • 图标系统:集成 iconify 200,000+ ==图标==,可选配 iconfont / fontawesome 图标库
  • 媒体嵌入:支持==PDF 嵌入==、==Bilibili/Youtube/本地视频==嵌入
  • 图表渲染:集成 chart.js、Echarts、Mermaid、Flowchart、Markmap、PlantUML 等多种==图表引擎==
  • 布局容器:灵活的 Markdown 容器语法,提供==提示容器==、==文件树==、==代码树==、==卡片容器==、==瀑布流容器==等
  • 扩展能力:支持==布局插槽==、==组件覆写==、==自定义样式==,轻松实现个性化布局设计

🎉 一切内容皆为 “集合”

将内容划分为多个==集合==,每个集合都有独立的目录,根据不同的集合类型,轻松实现如 博客专栏系列教程知识库产品文档 等多样化需求。

高效的开发体验

引入编译缓存机制,缓存 Markdown 文件编译结果和复杂代码块解析结果,大幅提升构建速度。

🔧 智能的配置管理

支持独立的主题配置文件,避免因配置修改导致 VuePress 服务频繁重启。在保持配置灵活性的同时,大幅简化配置流程,降低使用门槛。

🌟 开箱即用的解决方案

==plume 主题==预先集成了搭建站点所需的常用功能和配置,让您无需关注技术细节,能够专注于内容创作,充分发挥 Markdown 增强语法的优势,更好地表达想法。

::: tip 版本说明

本主题基于 vuepress-next 开发,目前处于 RC 阶段。

当前版本的功能和 API 已趋于稳定,但未来更新中仍可能出现破坏性变更。

如果您在使用过程中遇到问题或有改进建议,欢迎在 Issues 中提出,也欢迎通过 PR 参与主题完善。

:::