vuepress-theme-plume/assets/intro-DkiQft0e.js

1 line
8.3 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

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};