PureWiki主题.md

PureWiki主题

创建于 2022年11月15日 16:05:35

上次修改于 2022年11月15日 16:05:56

在Github编辑

# 特性
# 截图欣赏
# 开发计划

对于该主题，主要目的是为可展示文章的，提供一个树状菜单，可以简单当作一个界面纯净的Wiki。

界面总感觉有点怪怪的。

特性

文章可用元输入如下（有一些其他的，可以自己看代码，tpyings尚不完善，得看布局代码）

title: Markdown测试       <!-- 必须，文章标题 -->
description: 描述         <!-- 描述，可用作seo，文章中暂未展示 -->
pubDate: 2022/5/12        <!-- 发布日期 -->
updatedDate: 2023/01/01   <!-- 修改日期-->
heroImage: ""             <!-- 文章头图 -->

使用如下代码，会被标题替换，支持三级标题
```
[TOC]
```
内部已支持了markdown命令转化为html了
```
:abbr[提示]{title="提示"}
```
效果：提示

支持面板

::::card
横排排版演示
:::card-title
横排排版演示
:::
::::

横排已经可以了，竖排感觉也没啥用。

可配置头图为文章中的第一张图片，只需要将配置的showArticleHeroImage设置为true即可。
文章提供了直接在github编辑功能，自行配置即可
增加mermaid渲染流程图时序图（暂时提供两个）
增加mathjax渲染公式
提供iframe命令和iframec命令
iframe为收缩框默认打开
iframec为收缩框默认关闭
```
::iframe[流程图Demo]{url=/demo/flowchart.html}
::iframec[流程图Demo]{url=/demo/flowchart.html}
```
目前版本能够展示url的网页,效果如下：

地址 / 流程图Demo

地址 / 时序图

地址 / BiliBili

提供demo命令

:::demo
<div>
    <div>before content<div>
    text
    <div>after content<div>
</div>
:::

效果：

demo

查看源码


<div>
    <div>before content<div>
    text
    <div>after content<div>
</div>

::demo{path="/demo/flowchart.html"}

效果：

demo

右键查看框架代码

截图欣赏

图 1

图 2

PureWiki主题

特性

截图欣赏

开发计划