178 lines
5.0 KiB
Markdown
178 lines
5.0 KiB
Markdown
---
|
||
pageLayout: home
|
||
externalLink: false
|
||
config:
|
||
-
|
||
type: hero
|
||
full: true
|
||
background: tint-plate
|
||
hero:
|
||
name: Theme Plume
|
||
tagline: VuePress Next Theme
|
||
text: 一个简约的，功能丰富的 vuepress 文档&博客 主题
|
||
actions:
|
||
-
|
||
theme: brand
|
||
text: 快速开始 →
|
||
link: /guide/intro/
|
||
-
|
||
theme: alt
|
||
text: Github
|
||
link: https://github.com/pengzhanbo/vuepress-theme-plume
|
||
-
|
||
type: features
|
||
features:
|
||
-
|
||
title: 响应式布局
|
||
icon: 💻
|
||
details: 适配移动设备，PC，平板
|
||
-
|
||
title: 博客 & 文档
|
||
icon: 📖
|
||
details: 无论是想写博客，或想写产品文档，或者两者兼顾
|
||
-
|
||
title: 开箱即用
|
||
icon: 🚀
|
||
details: 支持零配置即可使用，也支持丰富的自定义配置
|
||
-
|
||
title: 多语言
|
||
icon: ⚖
|
||
details: 内置了 中文/英文支持，还可以自定义添加更多的语言支持
|
||
-
|
||
title: 双色主题
|
||
icon: 👨💻
|
||
details: 支持 浅色/深色 主题，包括代码高亮
|
||
-
|
||
title: 插件
|
||
icon: 📦
|
||
details: 内置丰富的插件，一站式解决网站一般需求
|
||
-
|
||
title: 搜索、评论
|
||
icon: 🔍
|
||
details: 支持多种评论系统，支持本地搜索、Algolia搜索
|
||
-
|
||
title: 加密
|
||
icon: 🔒
|
||
details: 支持全站加密、部分加密（加密目录、加密文章）
|
||
-
|
||
title: Markdown 增强
|
||
icon: 📝
|
||
details: 支持 Markdown 语法，支持 代码块分组、提示容器、任务列表、数学公式、代码演示等
|
||
-
|
||
type: image-text
|
||
title: 功能
|
||
description: 内置丰富的功能，满足网站一般需求。
|
||
image: /images/plume-1.svg
|
||
list:
|
||
-
|
||
title: 文章信息
|
||
description: 为文章添加标签、分类、字数统计、阅读时间、写作日期等信息。
|
||
-
|
||
title: 评论
|
||
description: 支持 4 种评论系统，你可以自由选择符合你的需求的评论系统。
|
||
-
|
||
title: 搜索
|
||
description: 支持基于 minisearch 的本地搜索， 支持Algolia搜索。
|
||
-
|
||
title: 加密
|
||
description: 支持全站加密、部分加密（加密目录、加密文章）。
|
||
-
|
||
title: 代码
|
||
description: 代码复制，CodePen演示，Replit演示，JSFiddle演示，CodeSandbox演示，代码组，行高亮，行聚焦，行警告，差异对比等。
|
||
-
|
||
title: 资源嵌入
|
||
description: 图表，视频，PDF
|
||
-
|
||
type: text-image
|
||
title: 博客
|
||
description: 主题默认支持博客，生成你的个人博客。
|
||
image: /images/plume-2.svg
|
||
list:
|
||
-
|
||
title: 文章列表
|
||
description: 通过文章写作日期，自动排序并生成博客文章列表页。
|
||
-
|
||
title: 博主信息
|
||
description: 自定义名称、座右铭、头像，社交媒体链接。
|
||
-
|
||
title: 标签、归档
|
||
description: 自动生成标签页，为文章根据年份进行归档。
|
||
-
|
||
type: image-text
|
||
title: 文档
|
||
image: /images/plume-3.svg
|
||
description: 主题默认支持文档，生成你的产品文档，或归纳你的知识体系。
|
||
list:
|
||
-
|
||
title: 侧边栏
|
||
description: 根据文档目录自动生成侧边栏，也可以手动配置，主题提供了更简单的配置方式。
|
||
-
|
||
title: 文档分类归纳
|
||
description: 可以文档的不同，归纳到不同的目录，更好的管理文档结构。
|
||
-
|
||
type: custom
|
||
---
|
||
|
||
<div style="max-width: 960px;margin:0 auto;">
|
||
|
||
::: center
|
||
|
||
|
||
|
||
|
||
:::
|
||
|
||
### 安装
|
||
|
||
:::code-tabs
|
||
@tab pnpm
|
||
|
||
```sh
|
||
pnpm add vuepress@next vuepress-theme-plume vue
|
||
```
|
||
|
||
@tab npm
|
||
|
||
```sh
|
||
npm install vuepress@next vuepress-theme-plume
|
||
```
|
||
|
||
@tab yarn
|
||
|
||
```sh
|
||
yarn add vuepress@next vuepress-theme-plume
|
||
```
|
||
|
||
:::
|
||
|
||
### 配置
|
||
|
||
::: code-tabs
|
||
@tab .vuepress/config.ts
|
||
|
||
```ts
|
||
import { defineUserConfig } from 'vuepress'
|
||
import { plumeTheme } from 'vuepress-theme-plume'
|
||
|
||
export default defineUserConfig({
|
||
// vuepress config...
|
||
theme: plumeTheme({
|
||
// theme config...
|
||
})
|
||
})
|
||
```
|
||
|
||
:::
|
||
|
||
### 更新记录
|
||
|
||
[Changelog](/changelog/)
|
||
|
||
### 贡献者
|
||
|
||
[](https://github.com/pengzhanbo/)
|
||
|
||
[](https://github.com/huankong233)
|
||
|
||
</div>
|