mirror of
https://github.com/pengzhanbo/vuepress-theme-plume.git
synced 2026-04-23 10:58:13 +08:00
176 lines
5.9 KiB
Markdown
176 lines
5.9 KiB
Markdown
---
|
|
pageLayout: home
|
|
title: Vuepress Theme Plume
|
|
config:
|
|
-
|
|
type: hero
|
|
full: true
|
|
effect: hyper-speed
|
|
forceDark: true
|
|
hero:
|
|
name: Theme Plume
|
|
tagline: VuePress Next Theme
|
|
text: A simple, easy-to-use, feature-rich VuePress documentation & blog theme
|
|
actions:
|
|
-
|
|
theme: brand
|
|
text: Get Started →
|
|
link: /en/guide/intro/
|
|
-
|
|
theme: alt
|
|
text: Github
|
|
link: https://github.com/pengzhanbo/vuepress-theme-plume
|
|
-
|
|
type: features
|
|
features:
|
|
-
|
|
title: Responsive Layout
|
|
icon: twemoji:laptop-computer
|
|
details: Adapts to mobile devices, PCs, and tablets
|
|
-
|
|
title: Blog & Documentation
|
|
icon: twemoji:open-book
|
|
details: Whether you want to write a blog, product documentation, or both
|
|
-
|
|
title: Out-of-the-Box
|
|
icon: twemoji:rocket
|
|
details: Supports zero-configuration out-of-the-box, as well as rich customization options
|
|
-
|
|
title: Multi-language
|
|
icon: twemoji:balance-scale
|
|
details: Built-in support for 7 languages including Chinese and English, and you can customize and add more language support
|
|
-
|
|
title: Dual Color Theme
|
|
icon: twemoji:cityscape
|
|
details: Supports light/dark themes, including code highlighting
|
|
-
|
|
title: Plugins
|
|
icon: twemoji:card-file-box
|
|
details: Built-in rich plugins to meet general website needs
|
|
-
|
|
title: Search & Comments
|
|
icon: twemoji:magnifying-glass-tilted-right
|
|
details: Supports multiple comment systems, local search, and Algolia search
|
|
-
|
|
title: Encryption
|
|
icon: twemoji:locked-with-key
|
|
details: Supports full-site encryption and partial encryption (encrypted directories, encrypted articles)
|
|
-
|
|
title: Markdown Enhancement
|
|
icon: twemoji:writing-hand-light-skin-tone
|
|
details: Based on regular markdown syntax, adds dozens of enhanced syntaxes such as custom containers, file trees, code groups, etc.
|
|
-
|
|
type: image-text
|
|
title: Features
|
|
description: Built-in rich features to meet general website needs.
|
|
image: /images/plume-1.svg
|
|
list:
|
|
-
|
|
title: Article Information
|
|
description: Add tags, categories, word count, reading time, writing date, and other information to articles.
|
|
-
|
|
title: Comments
|
|
description: "Supports 4 comment systems: Giscus, Waline, Twikoo, Artalk<br>You can freely choose the comment system that suits your needs."
|
|
-
|
|
title: Search
|
|
description: Supports local search based on minisearch, and also supports Algolia search.
|
|
-
|
|
title: Encryption
|
|
description: Supports full-site encryption and partial encryption (encrypted directories, encrypted articles).
|
|
-
|
|
title: Code
|
|
description: Code copying, CodePen demonstration, JSFiddle demonstration, CodeSandbox demonstration, code groups, line highlighting, line focusing, line warnings, difference comparison, code block folding, etc.
|
|
-
|
|
title: Resource Embedding
|
|
description: "Charts: chart.js/ECharts/Mermaid/flowchart<br>Videos: Bilibili/Youtube/ArtPlayer<br>PDF, 200K+ Iconify icons"
|
|
-
|
|
type: text-image
|
|
title: Blog
|
|
description: The theme supports blogs by default, allowing you to create your personal blog.
|
|
image: /images/plume-2.svg
|
|
list:
|
|
-
|
|
title: Article List
|
|
description: Automatically sorts and generates a blog article list page based on the article writing date.
|
|
-
|
|
title: Blogger Information
|
|
description: Customize name, motto, avatar, and social media links.
|
|
-
|
|
title: Categories, Tags, Archives
|
|
description: Automatically generates category pages, tag pages, and archives articles by year.
|
|
-
|
|
type: image-text
|
|
title: Documentation
|
|
image: /images/plume-3.svg
|
|
description: The theme supports documentation by default, allowing you to create product documentation or organize your knowledge system.
|
|
list:
|
|
-
|
|
title: Sidebar
|
|
description: Automatically generates a sidebar based on the documentation directory, or you can manually configure it. The theme provides a simpler configuration method.
|
|
-
|
|
title: Documentation Classification
|
|
description: You can categorize different documents into different directories for better management of the documentation structure.
|
|
-
|
|
type: custom
|
|
---
|
|
|
|
<div style="max-width: 960px;margin:0 auto;" class="home-custom-content">
|
|
|
|
::: center
|
|
|
|
{.no-view}
|
|
{.no-view}
|
|
{.no-view}
|
|
{.no-view}
|
|
{.no-view}
|
|
|
|
{.no-view}
|
|
{.no-view}
|
|
|
|
:::
|
|
|
|
### Usage
|
|
|
|
Use the following command to quickly create a new ==VuePress== project using this theme.
|
|
|
|
:::npm-to
|
|
|
|
```sh
|
|
npm create vuepress-theme-plume@latest
|
|
```
|
|
|
|
:::
|
|
|
|
### Start the project
|
|
|
|
::: npm-to
|
|
|
|
```sh
|
|
npm run docs:dev
|
|
```
|
|
|
|
:::
|
|
|
|
### Changelog
|
|
|
|
[Changelog](./changelog)
|
|
|
|
### Contributors
|
|
|
|
Thanks to all contributors!
|
|
|
|
<Contributors :contributors="data" />
|
|
|
|
</div>
|
|
|
|
<style>
|
|
.home-custom-content img {
|
|
cursor: default !important;
|
|
}
|
|
</style>
|
|
|
|
<script setup>
|
|
import Contributors from '~/components/Contributors.vue'
|
|
import data from '@source/contributors.json'
|
|
</script>
|