mirror of
https://github.com/pengzhanbo/vuepress-theme-plume.git
synced 2026-04-23 10:58:13 +08:00
1 line
8.3 KiB
JavaScript
1 line
8.3 KiB
JavaScript
import{P as e,f as t,h as n}from"./runtime-core.esm-bundler-CZvn3YaB.js";import{t as r}from"./plugin-vue_export-helper-CxTVcLa7.js";var i=JSON.parse(`{"path":"/guide/intro/","title":"主题介绍 | 指南","lang":"zh-CN","frontmatter":{"title":"主题介绍","icon":"mdi:tooltip-text-outline","createTime":"2024/03/04 11:06:24","permalink":"/guide/intro/","tags":["指南","快速开始"],"description":"vuepress-theme-plume 是基于 VuePress 构建的现代化主题,无论您需要创建技术博客、生活随笔、产品文档、知识库还是系列教程,都能满足您的多样化需求。 我们在文本排版和图片展示方面进行了深度优化,特别是对 Markdown 语法进行了丰富扩展,让您能够轻松创作出美观易读、表现力强的专业内容。 初次接触 VuePress? Vue...","head":[["script",{"type":"application/ld+json"},"{\\"@context\\":\\"https://schema.org\\",\\"@type\\":\\"Article\\",\\"headline\\":\\"主题介绍\\",\\"image\\":[\\"\\"],\\"dateModified\\":\\"2025-10-07T15:13:09.000Z\\",\\"author\\":[]}"],["meta",{"property":"og:url","content":"https://theme-plume.vuejs.press/guide/intro/"}],["meta",{"property":"og:site_name","content":"Plume 主题"}],["meta",{"property":"og:title","content":"主题介绍"}],["meta",{"property":"og:description","content":"vuepress-theme-plume 是基于 VuePress 构建的现代化主题,无论您需要创建技术博客、生活随笔、产品文档、知识库还是系列教程,都能满足您的多样化需求。 我们在文本排版和图片展示方面进行了深度优化,特别是对 Markdown 语法进行了丰富扩展,让您能够轻松创作出美观易读、表现力强的专业内容。 初次接触 VuePress? Vue..."}],["meta",{"property":"og:type","content":"article"}],["meta",{"property":"og:locale","content":"zh-CN"}],["meta",{"property":"og:locale:alternate","content":"en-US"}],["meta",{"property":"og:updated_time","content":"2025-10-07T15:13:09.000Z"}],["meta",{"property":"article:tag","content":"快速开始"}],["meta",{"property":"article:tag","content":"指南"}],["meta",{"property":"article:modified_time","content":"2025-10-07T15:13:09.000Z"}],["link",{"rel":"alternate","hreflang":"en-us","href":"https://theme-plume.vuejs.press/en/guide/intro/"}]]},"readingTime":{"minutes":2.76,"words":828},"git":{"createdTime":1759849989000,"updatedTime":1759849989000,"contributors":[{"name":"pengzhanbo","username":"pengzhanbo","email":"volodymyr@foxmail.com","commits":1,"avatar":"https://avatars.githubusercontent.com/pengzhanbo?v=4","url":"https://github.com/pengzhanbo"}],"changelog":[{"hash":"4d2361a7046214fe0f4e4af01831107fd00e38ad","time":1759849989000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat(theme)!: add collections support (#704)"}]},"autoDesc":true,"filePathRelative":"guide/quick-start/intro.md","headers":[],"bulletin":false}`),a={name:`intro.md`};function o(r,i,a,o,s,c){return e(),t(`div`,null,[...i[0]||=[n(`<p><mark>vuepress-theme-plume</mark> 是基于 VuePress 构建的现代化主题,无论您需要创建<strong>技术博客</strong>、<strong>生活随笔</strong>、<strong>产品文档</strong>、<strong>知识库</strong>还是<strong>系列教程</strong>,都能满足您的多样化需求。</p><p>我们在文本排版和图片展示方面进行了深度优化,特别是对 Markdown 语法进行了丰富扩展,让您能够轻松创作出<strong>美观易读、表现力强</strong>的专业内容。</p><details class="hint-container details"><summary>初次接触 VuePress?</summary><p>VuePress 是一个<a href="https://en.wikipedia.org/wiki/Static_site_Generator" target="_blank" rel="noopener noreferrer">静态站点生成器</a> (SSG), 专门为构建高性能的内容型网站而设计。简而言之,它能将 Markdown 格式的内容通过主题渲染,生成可部署在任何地方的静态 HTML 页面。</p></details><p><a href="https://v2.vuepress.vuejs.org/zh/" class="read-more" target="_blank" rel="noopener noreferrer">前往 <strong>VuePress 官网</strong> 深入了解</a></p><h2 id="核心优势" tabindex="-1"><a class="header-anchor" href="#核心优势"><span>核心优势</span></a></h2><p>相比 VuePress 默认主题,我们提供了显著的改进:</p><h3 id="🎨-卓越的用户体验" tabindex="-1"><a class="header-anchor" href="#🎨-卓越的用户体验"><span>🎨 卓越的用户体验</span></a></h3><p>全面优化界面设计和交互逻辑,打造更加美观、简洁且易用的阅读体验。</p><h3 id="🚀-丰富的功能特性" tabindex="-1"><a class="header-anchor" href="#🚀-丰富的功能特性"><span>🚀 丰富的功能特性</span></a></h3><ul><li><strong>多样化布局</strong>:支持完全自定义的<mark>首页</mark>,可选<mark>文章列表</mark>、<mark>文档</mark>模式</li><li><strong>内容增强</strong>:内置<mark>全文搜索</mark>、<mark>文章评论</mark>、<mark>内容加密</mark>、<mark>文章水印</mark>等实用功能</li><li><strong>代码展示</strong>:支持代码块<mark>分组</mark>、<mark>折叠</mark>、<mark>聚焦</mark>、<mark>行高亮</mark>、<mark>差异对比</mark>,可嵌入 CodePen、JSFiddle、CodeSandbox 等平台的<mark>代码演示</mark></li><li><strong>图标系统</strong>:集成 <a href="https://icon-sets.iconify.d/" target="_blank" rel="noopener noreferrer">iconify</a> <strong>200,000+</strong> <mark>图标</mark>,可选配 <code>iconfont</code> / <code>fontawesome</code> 图标库</li><li><strong>媒体嵌入</strong>:支持<mark>PDF 嵌入</mark>、<mark>Bilibili/Youtube/本地视频</mark>嵌入</li><li><strong>图表渲染</strong>:集成 chart.js、Echarts、Mermaid、Flowchart、Markmap、PlantUML 等多种<mark>图表引擎</mark></li><li><strong>布局容器</strong>:灵活的 Markdown 容器语法,提供<mark>提示容器</mark>、<mark>文件树</mark>、<mark>代码树</mark>、<mark>卡片容器</mark>、<mark>瀑布流容器</mark>等</li><li><strong>扩展能力</strong>:支持<mark>布局插槽</mark>、<mark>组件覆写</mark>、<mark>自定义样式</mark>,轻松实现个性化布局设计</li></ul><h3 id="🎉-一切内容皆为-集合" tabindex="-1"><a class="header-anchor" href="#🎉-一切内容皆为-集合"><span>🎉 一切内容皆为 “集合”</span></a></h3><p>将内容划分为多个<mark>集合</mark>,每个集合都有独立的目录,根据不同的集合类型,轻松实现如 <strong>博客</strong>、<strong>专栏</strong>、 <strong>系列教程</strong>、<strong>知识库</strong>、<strong>产品文档</strong> 等多样化需求。</p><h3 id="⚡-高效的开发体验" tabindex="-1"><a class="header-anchor" href="#⚡-高效的开发体验"><span>⚡ 高效的开发体验</span></a></h3><p>引入编译缓存机制,缓存 Markdown 文件编译结果和复杂代码块解析结果,大幅提升构建速度。</p><h3 id="🔧-智能的配置管理" tabindex="-1"><a class="header-anchor" href="#🔧-智能的配置管理"><span>🔧 智能的配置管理</span></a></h3><p>支持独立的主题配置文件,避免因配置修改导致 VuePress 服务频繁重启。在保持配置灵活性的同时,大幅简化配置流程,降低使用门槛。</p><h3 id="🌟-开箱即用的解决方案" tabindex="-1"><a class="header-anchor" href="#🌟-开箱即用的解决方案"><span>🌟 开箱即用的解决方案</span></a></h3><p><mark>plume 主题</mark>预先集成了搭建站点所需的常用功能和配置,让您无需关注技术细节,能够<strong>专注于内容创作</strong>,充分发挥 Markdown 增强语法的优势,更好地表达想法。</p><div class="hint-container tip"><p class="hint-container-title">版本说明</p><p>本主题基于 <a href="https://github.com/vuepress/vuepress-next" target="_blank" rel="noopener noreferrer">vuepress-next</a> 开发,目前处于 RC 阶段。</p><p>当前版本的功能和 API 已趋于稳定,但未来更新中仍可能出现破坏性变更。</p><p>如果您在使用过程中遇到问题或有改进建议,欢迎在 <a href="https://github.com/pengzhanbo/vuepress-theme-plume/issues" target="_blank" rel="noopener noreferrer">Issues</a> 中提出,也欢迎通过 <a href="https://github.com/pengzhanbo/vuepress-theme-plume/pulls" target="_blank" rel="noopener noreferrer">PR</a> 参与主题完善。</p></div>`,19)]])}var s=r(a,[[`render`,o]]);export{i as _pageData,s as default}; |