个人信息 | vuepress-theme-star

像数 1, 2, 3 一样容易

# 在你的项目中安装
yarn add - D @starzkg/vuepress-theme-star

# 新建一个 markdown 文件
echo '# Hello VuePress Theme Star' > README.md

# 开始写作
yarn vuepress dev

# 构建静态文件
yarn vuepress build

# 在你的项目中安装
npm install -D @starzkg/vuepress-theme-star

# 新建一个 markdown 文件
echo '# Hello VuePress Theme Star' > README.md

# 开始写作
npx vuepress dev

# 构建静态文件
npx vuepress build

指南
<h1 id="指南" tabindex="-1"><a class="header-anchor" href="#指南" aria-hidden="true">#</a> 指南</h1> <div class="custom-container tip"><p class="custom-container-title">TIP</p> <p>如果你在使用过程中遇到了 bug，可以给我们 <a href="https://github.com/vuepress-star/vuepress-theme-star/issues" target="_blank" rel="noopener noreferrer">提一个 issue<ExternalLinkIcon/></a> 。</p> </div> <h2 id="主题特点-✨" tabindex="-1"><a class="header-anchor" href="#主题特点-✨" aria-hidden="true">#</a> 主题特点 ✨</h2> <p>主题很大程度上继承了 VuePress 默认主题的配置，并在此基础上添加了大量功能与布局优化。</p>
0000-00-00
组件
0000-00-00
/zh/guide/feature/
0000-00-00
Markdown
<h1 id="markdown" tabindex="-1"><a class="header-anchor" href="#markdown" aria-hidden="true">#</a> Markdown</h1> <p>如果你还不了解 Markdown ，请先学习一些 <a href="https://commonmark.org/help/" target="_blank" rel="noopener noreferrer">Markdown 教程<ExternalLinkIcon/></a>。</p>
0000-00-00
/zh/guide/page/
0000-00-00
站点
0000-00-00
Markdown 高级语法
0000-00-00
Markdown 基础语法
<h1 id="markdown-基础语法" tabindex="-1"><a class="header-anchor" href="#markdown-基础语法" aria-hidden="true">#</a> Markdown 基础语法</h1> <p>本章节介绍 VuePress Star 的 Markdown 基本语法。</p> <p>这是来自 <a href="https://markdown-it.github.io/" target="_blank" rel="noopener noreferrer">markdown-it<ExternalLinkIcon/></a> 的 MarkDown Demo</p>
0000-00-00
外部引入
<h1 id="外部引入" tabindex="-1"><a class="header-anchor" href="#外部引入" aria-hidden="true">#</a> 外部引入</h1> <p>除了在 Markdown 内部使用新语法来增强内容外，你也可以使用 <code v-pre><iframe></code> 或 <code v-pre><img></code> 从外部引入链接来增强你的 Markdown 内容。</p>
0000-00-00
/zh/guide/markdown/spec/
0000-00-00
代码演示
<h1 id="代码演示" tabindex="-1"><a class="header-anchor" href="#代码演示" aria-hidden="true">#</a> 代码演示</h1> <p>让你的 VuePress 站点中的 Markdown 文件支持代码演示。</p>
0000-00-00
文件导入
0000-00-00
文件包含
0000-00-00
Reveal
<h1 id="reveal" tabindex="-1"><a class="header-anchor" href="#reveal" aria-hidden="true">#</a> Reveal</h1> <p>让你的 VuePress 站点中的 Markdown 文件支持Reveal。</p> <p>使用 <a href="https://revealjs.com/" target="_blank" rel="noopener noreferrer">reveal.js<ExternalLinkIcon/></a> 来支持这一功能。</p>
0000-00-00
nest
0000-00-00
Normal Code Demo
0000-00-00
React Code Demo
0000-00-00
Vue Code Demo
0000-00-00
include nest
0000-00-00
include
0000-00-00
Themes
<h1 id="reveal-js-themes" tabindex="-1"><a class="header-anchor" href="#reveal-js-themes" aria-hidden="true">#</a> Reveal.js Themes</h1>
0000-00-00
自定义对齐
<h1 id="自定义对齐" tabindex="-1"><a class="header-anchor" href="#自定义对齐" aria-hidden="true">#</a> 自定义对齐</h1> <p>让你的 VuePress 站点中的 Markdown 文件支持自定义对齐。</p> <p>通过对 <code v-pre>vuepress-plugin-container</code> 进行额外的配置注入，你可以使用自定义容器语法实现自定义对齐。</p>
0000-00-00
属性支持
<h1 id="属性支持" tabindex="-1"><a class="header-anchor" href="#属性支持" aria-hidden="true">#</a> 属性支持</h1> <p>让你的 VuePress 站点中的 Markdown 文件支持属性支持。</p> <p>你可以使用特殊标记为 Markdown 元素添加属性。</p>
0000-00-00
Chart
<h1 id="chart" tabindex="-1"><a class="header-anchor" href="#chart" aria-hidden="true">#</a> Chart</h1> <p>让你 VuePress 站点中的 Markdown 文件支持 Chart 图表。</p> <p>使用 <a href="https://www.chartjs.org/docs/latest/" target="_blank" rel="noopener noreferrer">chart.js<ExternalLinkIcon/></a> 提供相应功能。</p>
0000-00-00
自定义容器
<h1 id="自定义容器" tabindex="-1"><a class="header-anchor" href="#自定义容器" aria-hidden="true">#</a> 自定义容器</h1> <p>让你的 VuePress 站点中的 Markdown 文件支持自定义容器。</p> <p>主题可以为你添加提示、注释、信息、注意、警告和详情自定义容器的支持。</p>
0000-00-00
ECharts
<h1 id="echarts" tabindex="-1"><a class="header-anchor" href="#echarts" aria-hidden="true">#</a> ECharts</h1> <p>让你 VuePress 站点中的 Markdown 文件支持 ECharts 图表。</p> <p>使用 <a href="https://echarts.apache.org/zh/index.html" target="_blank" rel="noopener noreferrer">ECharts<ExternalLinkIcon/></a> 提供相应功能。</p>
0000-00-00
FlowChart
<h1 id="flowchart" tabindex="-1"><a class="header-anchor" href="#flowchart" aria-hidden="true">#</a> FlowChart</h1> <p>让你 VuePress 站点中的 Markdown 文件支持 FlowChart 图表。</p> <p>使用 <a href="https://github.com/adrai/flowchart.js" target="_blank" rel="noopener noreferrer">flowchart.js<ExternalLinkIcon/></a> 提供相应功能。</p>
0000-00-00
Markmap
<h1 id="markmap" tabindex="-1"><a class="header-anchor" href="#markmap" aria-hidden="true">#</a> Markmap</h1> <p>让你的 VuePress 站点中的 Markdown 文件支持 <a href="https://markmap.js.org/docs/markmap" target="_blank" rel="noopener noreferrer">Markmap 文档<ExternalLinkIcon/></a>。</p> <p>使用 <a href="https://markmap.js.org/docs/markmap" target="_blank" rel="noopener noreferrer">Markmap 文档<ExternalLinkIcon/></a> 提供相应功能。</p>
0000-00-00
Mermaid
<h1 id="mermaid" tabindex="-1"><a class="header-anchor" href="#mermaid" aria-hidden="true">#</a> Mermaid</h1> <p>让你的 VuePress 站点中的 Markdown 文件支持 <a href="https://mermaid-js.github.io/mermaid/#/" target="_blank" rel="noopener noreferrer">mermaid<ExternalLinkIcon/></a>。</p> <p>使用 <a href="https://mermaid-js.github.io/mermaid/#/" target="_blank" rel="noopener noreferrer">mermaid<ExternalLinkIcon/></a> 提供相应功能。</p>
0000-00-00
PlantUML
<h1 id="plantuml" tabindex="-1"><a class="header-anchor" href="#plantuml" aria-hidden="true">#</a> PlantUML</h1> <p>让你 VuePress 站点中的 Markdown 文件支持 PlantUML 图表。</p> <p>使用 <a href="https://www.plantuml.com/" target="_blank" rel="noopener noreferrer">plantuml<ExternalLinkIcon/></a> 提供相应功能。</p>
0000-00-00
Tex
<h1 id="tex" tabindex="-1"><a class="header-anchor" href="#tex" aria-hidden="true">#</a> Tex</h1> <p>让你的 VuePress 站点中的 Markdown 文件支持 <span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mtext>TeX</mtext></mrow><annotation encoding="application/x-tex">\TeX</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:0.8988em;vertical-align:-0.2155em;"></span><span class="mord text"><span class="mord textrm">T</span><span class="mspace" style="margin-right:-0.1667em;"></span><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.4678em;"><span style="top:-2.7845em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord textrm">E</span></span></span></span><span class="vlist-s"></span></span><span class="vlist-r"><span class="vlist" style="height:0.2155em;"><span></span></span></span></span><span class="mspace" style="margin-right:-0.125em;"></span><span class="mord textrm">X</span></span></span></span></span> 语法。</p>
0000-00-00
v-pre 容器
0000-00-00
在 Markdown 中使用 Vue
0000-00-00
Vuepress 语法扩展
0000-00-00
颜色
<h1 id="颜色" tabindex="-1"><a class="header-anchor" href="#颜色" aria-hidden="true">#</a> 颜色</h1> <p>让你的 VuePress 站点中的 Markdown 文件支持颜色。</p> <p>您可以使用反引号在句子中标注颜色。反引号内支持的颜色模型将显示颜色的可视化。</p>
0000-00-00
定义列表
<h1 id="定义列表" tabindex="-1"><a class="header-anchor" href="#定义列表" aria-hidden="true">#</a> 定义列表</h1> <p>让你的 VuePress 站点中的 Markdown 文件支持定义列表。</p>
0000-00-00
脚注
<h1 id="脚注" tabindex="-1"><a class="header-anchor" href="#脚注" aria-hidden="true">#</a> 脚注</h1> <p>让你的 VuePress 站点中的 Markdown 文件支持脚注。</p>
0000-00-00
HTML 标签
<h1 id="html-标签" tabindex="-1"><a class="header-anchor" href="#html-标签" aria-hidden="true">#</a> HTML 标签</h1> <p>让你的 VuePress 站点中的 Markdown 文件支持使用缩写来使用特殊的 HTML 标签。</p>
0000-00-00
引用
<h1 id="引用" tabindex="-1"><a class="header-anchor" href="#引用" aria-hidden="true">#</a> 引用</h1> <p>让你的 VuePress 站点中的 Markdown 文件支持引用。</p>
0000-00-00
样式化文本
<h1 id="样式化文本" tabindex="-1"><a class="header-anchor" href="#样式化文本" aria-hidden="true">#</a> 样式化文本</h1> <p>让你的 VuePress 站点中的 Markdown 文件支持样式化文本。</p> <p>目前支持<strong>粗体</strong>、<em>斜体</em>、<s>删除线</s>、<mark>标记</mark>、下<sub>标</sub>、上<sup>标</sup> 进行文本的样式化</p>
0000-00-00
任务列表
<h1 id="任务列表" tabindex="-1"><a class="header-anchor" href="#任务列表" aria-hidden="true">#</a> 任务列表</h1> <p>让你的 VuePress 站点中的 Markdown 文件支持任务列表。</p>
0000-00-00
BiliBili
0000-00-00
CodePen
0000-00-00
内置文件浏览器
0000-00-00
shields.io
0000-00-00
YouTobe
0000-00-00
CommonMark Spec
0000-00-00
GitHub Flavored Markdown Spec
0000-00-00
徽章
0000-00-00
CodeGroup
0000-00-00
Element Plus
0000-00-00
外部链接
0000-00-00
图标
0000-00-00
Analytics
0000-00-00
Feed
0000-00-00
PWA
0000-00-00
SEO
0000-00-00
Sitemap
0000-00-00
配置
0000-00-00
快速上手
2022-05-18
安装
0000-00-00
主题介绍
0000-00-00
使用
0000-00-00
TODO
0000-00-00

Vuepress Star

Vuepress Theme Star

Vuepress Star

Vuepress Theme Star

Vuepress Star

Learn how we count contributions

Less More

2022

九月

2022-09-24
2022-09-25
2022-09-30
- 文件导入
  0000-00-00
- 属性支持
  <h1 id="属性支持" tabindex="-1"><a class="header-anchor" href="#属性支持" aria-hidden="true">#</a> 属性支持</h1> <p>让你的 VuePress 站点中的 Markdown 文件支持属性支持。</p> <p>你可以使用特殊标记为 Markdown 元素添加属性。</p>
  0000-00-00
2022-09-26
- Chart
  <h1 id="chart" tabindex="-1"><a class="header-anchor" href="#chart" aria-hidden="true">#</a> Chart</h1> <p>让你 VuePress 站点中的 Markdown 文件支持 Chart 图表。</p> <p>使用 <a href="https://www.chartjs.org/docs/latest/" target="_blank" rel="noopener noreferrer">chart.js<ExternalLinkIcon/></a> 提供相应功能。</p>
  0000-00-00
- ECharts
  <h1 id="echarts" tabindex="-1"><a class="header-anchor" href="#echarts" aria-hidden="true">#</a> ECharts</h1> <p>让你 VuePress 站点中的 Markdown 文件支持 ECharts 图表。</p> <p>使用 <a href="https://echarts.apache.org/zh/index.html" target="_blank" rel="noopener noreferrer">ECharts<ExternalLinkIcon/></a> 提供相应功能。</p>
  0000-00-00
2022-09-28
- Markmap
  <h1 id="markmap" tabindex="-1"><a class="header-anchor" href="#markmap" aria-hidden="true">#</a> Markmap</h1> <p>让你的 VuePress 站点中的 Markdown 文件支持 <a href="https://markmap.js.org/docs/markmap" target="_blank" rel="noopener noreferrer">Markmap 文档<ExternalLinkIcon/></a>。</p> <p>使用 <a href="https://markmap.js.org/docs/markmap" target="_blank" rel="noopener noreferrer">Markmap 文档<ExternalLinkIcon/></a> 提供相应功能。</p>
  0000-00-00
2022-09-29

五月

2022-05-15
- 快速上手
  2022-05-18

十月

2022-10-02
2022-10-08
- PlantUML
  <h1 id="plantuml" tabindex="-1"><a class="header-anchor" href="#plantuml" aria-hidden="true">#</a> PlantUML</h1> <p>让你 VuePress 站点中的 Markdown 文件支持 PlantUML 图表。</p> <p>使用 <a href="https://www.plantuml.com/" target="_blank" rel="noopener noreferrer">plantuml<ExternalLinkIcon/></a> 提供相应功能。</p>
  0000-00-00
2022-10-01
2022-10-05
- 内置文件浏览器
  0000-00-00

2021

十二月

2021-12-25
- TODO
  0000-00-00

未归档
指南

# 像数 1, 2, 3 一样容易

指南

组件

/zh/guide/feature/

Markdown

/zh/guide/page/

站点

Markdown 高级语法

Markdown 基础语法

外部引入

/zh/guide/markdown/spec/

代码演示

文件导入

文件包含

Reveal

nest

Normal Code Demo

React Code Demo

Vue Code Demo

include nest

include

Themes

自定义对齐

属性支持

Chart

自定义容器

ECharts

FlowChart

Markmap

Mermaid

PlantUML

Tex

v-pre 容器

在 Markdown 中使用 Vue

Vuepress 语法扩展

颜色

定义列表

脚注

HTML 标签

引用

样式化文本

任务列表

BiliBili

CodePen

内置文件浏览器

shields.io

YouTobe

CommonMark Spec

GitHub Flavored Markdown Spec

徽章

CodeGroup

Element Plus

外部链接

图标

Analytics

Feed

PWA

SEO

Sitemap

配置

快速上手

安装

主题介绍

使用

TODO

Vuepress Star

Vuepress Theme Star

Vuepress Theme Star

指南

配置

安装

主题介绍

使用

组件

Markdown

Markdown 高级语法

Markdown 基础语法

代码演示

Normal Code Demo

React Code Demo

像数 1, 2, 3 一样容易