mirror of
https://github.com/pengzhanbo/vuepress-theme-plume.git
synced 2026-04-23 10:58:13 +08:00
1 line
10 KiB
JavaScript
1 line
10 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":"/en/guide/intro/","title":"Introduction | Guide","lang":"en-US","frontmatter":{"title":"Introduction","icon":"mdi:tooltip-text-outline","createTime":"2025/10/08 11:06:24","permalink":"/en/guide/intro/","tags":["Guide","Quick Start"],"description":"vuepress-theme-plume is a modern theme built on VuePress, designed to meet your diverse needs, whether you are creating a technical blog, personal journal, product documentation...","head":[["script",{"type":"application/ld+json"},"{\\"@context\\":\\"https://schema.org\\",\\"@type\\":\\"Article\\",\\"headline\\":\\"Introduction\\",\\"image\\":[\\"\\"],\\"dateModified\\":\\"2026-03-08T13:55:27.000Z\\",\\"author\\":[]}"],["meta",{"property":"og:url","content":"https://theme-plume.vuejs.press/en/guide/intro/"}],["meta",{"property":"og:site_name","content":"Plume Theme"}],["meta",{"property":"og:title","content":"Introduction"}],["meta",{"property":"og:description","content":"vuepress-theme-plume is a modern theme built on VuePress, designed to meet your diverse needs, whether you are creating a technical blog, personal journal, product documentation..."}],["meta",{"property":"og:type","content":"article"}],["meta",{"property":"og:locale","content":"en-US"}],["meta",{"property":"og:locale:alternate","content":"zh-CN"}],["meta",{"property":"og:updated_time","content":"2026-03-08T13:55:27.000Z"}],["meta",{"property":"article:tag","content":"Quick Start"}],["meta",{"property":"article:tag","content":"Guide"}],["meta",{"property":"article:modified_time","content":"2026-03-08T13:55:27.000Z"}],["link",{"rel":"alternate","hreflang":"zh-cn","href":"https://theme-plume.vuejs.press/guide/intro/"}]]},"readingTime":{"minutes":1.85,"words":555},"git":{"createdTime":1709915848000,"updatedTime":1772978127000,"contributors":[{"name":"pengzhanbo","username":"pengzhanbo","email":"volodymyr@foxmail.com","commits":8,"avatar":"https://avatars.githubusercontent.com/pengzhanbo?v=4","url":"https://github.com/pengzhanbo"},{"name":"zhenghaoyang24","username":"zhenghaoyang24","email":"95458562+zhenghaoyang24@users.noreply.github.com","commits":2,"avatar":"https://avatars.githubusercontent.com/zhenghaoyang24?v=4","url":"https://github.com/zhenghaoyang24"}],"changelog":[{"hash":"97a5ba20c3eb976864d8a9ec7342a061bb73c03b","time":1772978127000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"docs: fix typo"},{"hash":"385059f214cb07fc9a098859e889432fb81f998b","time":1759995965000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"docs: update en docs (#708)"},{"hash":"4d2361a7046214fe0f4e4af01831107fd00e38ad","time":1759849989000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat(theme)!: add collections support (#704)"},{"hash":"9f99ae3ca72b3085c6cd383a9084f42be299c400","time":1743080813000,"email":"95458562+zhenghaoyang24@users.noreply.github.com","author":"zhenghaoyang24","message":"docs: add en <code>markdown</code> doc (#538)","coAuthors":[{"name":"pengzhanbo","email":"volodymyr@foxmail.com"}]},{"hash":"0fd6cac57412002f4d72dc10378789b529adc357","time":1742063370000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"refactor(theme): improve types and flat config (#524)"},{"hash":"a4ac3a30e0b74175b3cd4fd82c52b2321b013926","time":1741490087000,"email":"95458562+zhenghaoyang24@users.noreply.github.com","author":"zhenghaoyang24","message":"docs: add en-US docs (#514)","coAuthors":[{"name":"pengzhanbo","email":"volodymyr@foxmail.com"}]},{"hash":"ca097146cf4473f9ebfb04fe9e61708dcfd6d464","time":1709917771000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"docs: lint fix"},{"hash":"c56bae8d58941db05a5cb1faad45be2178331db3","time":1709915848000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat: 全新的文档!"}]},"autoDesc":true,"filePathRelative":"en/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> is a modern theme built on VuePress, designed to meet your diverse needs, whether you are creating a <strong>technical blog</strong>, <strong>personal journal</strong>, <strong>product documentation</strong>, <strong>knowledge base</strong>, or <strong>tutorial series</strong>.</p><p>Deep optimizations have been applied to typography and image display, with extensive enhancements specifically for Markdown syntax. This allows you to effortlessly create professional content that is <strong>aesthetically pleasing, highly readable, and expressive</strong>.</p><details class="hint-container details"><summary>New to VuePress?</summary><p>VuePress is a <a href="https://en.wikipedia.org/wiki/Static_site_Generator" target="_blank" rel="noopener noreferrer">Static Site Generator</a> (SSG) specifically designed for building high-performance content-centric websites. In simple terms,it takes your Markdown content, renders it through a theme, and generates static HTML pages that can be deployed anywhere.</p></details><p><a href="https://v2.vuepress.vuejs.org/zh/" class="read-more" target="_blank" rel="noopener noreferrer">Visit the <strong>VuePress Official Website</strong> to learn more</a></p><h2 id="core-advantages" tabindex="-1"><a class="header-anchor" href="#core-advantages"><span>Core Advantages</span></a></h2><p>Significant improvements are offered compared to the default VuePress theme:</p><h3 id="🎨-superior-user-experience" tabindex="-1"><a class="header-anchor" href="#🎨-superior-user-experience"><span>🎨 Superior User Experience</span></a></h3><p>The interface design and interaction logic have been comprehensively optimized to deliver a more beautiful, clean, and user-friendly reading experience.</p><h3 id="🚀-rich-feature-set" tabindex="-1"><a class="header-anchor" href="#🚀-rich-feature-set"><span>🚀 Rich Feature Set</span></a></h3><ul><li><strong>Diverse Layouts</strong>: Support for fully customizable <mark>homepage</mark>, with optional <mark>article list</mark> and <mark>documentation</mark> modes.</li><li><strong>Content Enhancement</strong>: Built-in practical features such as <mark>full-text search</mark>, <mark>article comments</mark>, <mark>content encryption</mark>, and <mark>article watermarking</mark>.</li><li><strong>Code Presentation</strong>: Support for code block <mark>grouping</mark>, <mark>collapsing</mark>, <mark>focusing</mark>, <mark>line highlighting</mark>, <mark>diff comparison</mark>, and embedding <mark>code demos</mark> from platforms like CodePen, JSFiddle, and CodeSandbox.</li><li><strong>Icon System</strong>: Integration with <a href="https://icon-sets.iconify.design/" target="_blank" rel="noopener noreferrer">iconify</a> providing access to <strong>200,000+</strong> <mark>icons</mark>, with optional support for <code>iconfont</code> / <code>fontawesome</code> icon libraries.</li><li><strong>Media Embedding</strong>: Support for <mark>PDF embedding</mark>, and <mark>Bilibili/Youtube/Local Video</mark> embedding.</li><li><strong>Chart Rendering</strong>: Integration with multiple <mark>chart engines</mark> including chart.js, Echarts, Mermaid, Flowchart, Markmap, and PlantUML.</li><li><strong>Layout Containers</strong>: Flexible Markdown container syntax providing <mark>callout containers</mark>, <mark>file trees</mark>, <mark>code trees</mark>, <mark>card containers</mark>, <mark>waterfall flow containers</mark>, and more.</li><li><strong>Extensibility</strong>: Support for <mark>layout slots</mark>, <mark>component overrides</mark>, and <mark>custom styles</mark>, enabling easy implementation of personalized layout designs.</li></ul><h3 id="🎉-everything-is-a-collection" tabindex="-1"><a class="header-anchor" href="#🎉-everything-is-a-collection"><span>🎉 Everything is a "Collection"</span></a></h3><p>Content is organized into multiple <mark>collections</mark>. Each collection has its own independent directory. Based on different collection types, diverse requirements such as <strong>blogs</strong>, <strong>columns</strong>, <strong>tutorial series</strong>, <strong>knowledge bases</strong>, and <strong>product documentation</strong> can be easily achieved.</p><h3 id="⚡-efficient-development-experience" tabindex="-1"><a class="header-anchor" href="#⚡-efficient-development-experience"><span>⚡ Efficient Development Experience</span></a></h3><p>A compilation caching mechanism is introduced, caching the compilation results of Markdown files and the parsing results of complex code blocks, significantly improving build speed.</p><h3 id="🔧-intelligent-configuration-management" tabindex="-1"><a class="header-anchor" href="#🔧-intelligent-configuration-management"><span>🔧 Intelligent Configuration Management</span></a></h3><p>Support for independent theme configuration files avoids frequent VuePress service restarts caused by configuration changes. This maintains configuration flexibility while substantially simplifying the configuration process and lowering the barrier to use.</p><h3 id="🌟-out-of-the-box-solution" tabindex="-1"><a class="header-anchor" href="#🌟-out-of-the-box-solution"><span>🌟 Out-of-the-Box Solution</span></a></h3><p>The <mark>plume theme</mark> comes pre-integrated with the common features and configurations needed to build a site. This allows you to <strong>focus on content creation</strong> without worrying about technical details, fully leveraging the enhanced Markdown syntax to better express your ideas.</p><div class="hint-container tip"><p class="hint-container-title">Version Information</p><p>This theme is developed based on <a href="https://github.com/vuepress/vuepress-next" target="_blank" rel="noopener noreferrer">vuepress-next</a> and is currently in the Release Candidate (RC) stage.</p><p>The functionality and APIs in the current version are relatively stable, but breaking changes might still occur in future updates.</p><p>If you encounter any issues or have suggestions for improvement, please feel free to raise them in the <a href="https://github.com/pengzhanbo/vuepress-theme-plume/issues" target="_blank" rel="noopener noreferrer">Issues</a>. Contributions via <a href="https://github.com/pengzhanbo/vuepress-theme-plume/pulls" target="_blank" rel="noopener noreferrer">Pull Requests (PR)</a> are also welcome to help improve the theme.</p></div>`,19)]])}var s=r(a,[[`render`,o]]);export{i as _pageData,s as default}; |