Initial rearrangment of vuetom site source

packages/docs/mdshow/codeblock.md

@@ -0,0 +1,102 @@
+---
+title: 代码块展示
+head:
+  - - meta
+    - name: description
+      content: 代码块展示
+  - - meta
+    - name: keywords
+      content: code
+---
+
+# {{ $frontmatter.title }}
+
+## MD语法展示
+
+使用三个 ` 符号将代码包裹其中便是展示代码块
+
+<br/>
+
+**亮/暗主题切换**
+
+根据文档主题模式切换
+
+**代码块主题 macos**
+
+可以在 language_key(语言标识) 后加入  `macos`
+
+输入内容：
+
+<div>
+```java macos
+</div>
+String language = "Java";
+<div>
+```
+</div>
+
+展示效果：
+
+```java macos
+String language = "Java";
+```
+
+<br/>
+
+**默认主题**
+
+默认主题是以暗色系为主的
+
+输入内容：
+
+<div>
+```js
+</div>
+String language = "JS";
+<div>
+```
+</div>
+
+输出内容：
+
+```java
+String language = "JS";
+```
+
+<br/>
+
+**示例展示**
+  
+- javascript ( js macos )
+
+```js macos
+function fun(){
+ echo "Hello, World!";
+}
+fun();
+```
+
+- Java ( java )
+
+```java
+System.out.print(1);
+```
+
+- Python ( py macos )
+
+```py macos
+#!/usr/bin/env python3
+print("Hello, World!");
+```
+
+- SQL ( sql )
+
+```sql
+select user_name from user_info
+```
+
+- Shell ( bash, shell )
+
+```bash
+echo '1'
+```

packages/docs/mdshow/custom.md

@@ -0,0 +1,58 @@
+---
+title: 自定义语法
+head:
+  - - meta
+    - name: description
+      content: 自定义 Markdown 语法
+  - - meta
+    - name: keywords
+      content: markdown custom 
+---
+
+# {{ $frontmatter.title }}
+
+## 信息框
+
+```md
+::: tip 使用TIPS代替
+提示信息
+:::
+
+::: info
+信息消息
+:::
+
+::: warning
+警告消息
+:::
+
+::: danger
+危险消息
+:::
+
+::: details Details
+详细信息
+:::
+```
+
+效果如下：
+
+::: tip 使用TIPS代替
+提示内容
+:::
+
+::: info
+INFO消息
+:::
+
+::: warning
+WARNING消息 <a>a链接</a>
+:::
+
+::: danger
+DANGER消息 [md链接](./example.md)
+:::
+
+::: details Details
+详细信息
+:::

packages/docs/mdshow/example.md

@@ -0,0 +1,72 @@
+--- 
+title: 效果示例
+head:
+  - - meta
+    - name: description
+      content: 来看看 MD 会变成什么样子
+  - - meta
+    - name: keywords
+      content: markdown example
+---
+
+
+# Markdown 效果示例
+
+-------------------- 手动分割线 --------------------
+
+
+# This is an h1 tag
+## This is an h2 tag
+### This is an h3 tag
+#### This is an h4 tag
+##### This is an h5 tag
+###### This is an h6 tag
+
+
+*这是斜体*
+_这是斜体_
+**这是黑体**
+__这是黑体__
+*斜体里加**黑体***
+**黑体里加*斜体***
+
+
+* Item 1
+* Item 2
+  * Item 2a
+  * Item 2b
+
+
+1. Item 1
+1. Item 2
+1. Item 3
+   1. Item 3a
+   1. Item 3b
+
+
+![Yaktocat的图片](/logo/vuetom-logo.png)
+
+
+http://github.com - automatic!
+[GitHub](http://github.com)
+
+
+As Kanye West said:
+> We're living the future so
+> the present is our past.
+
+
+I think you should use an
+`<addr>` element here instead.
+
+
+First Header | Second Header
+------------ | -------------
+Content from cell 1 | Content from cell 2
+Content in the first column | Content in the second column
+
+
+~~this~~
+
+
+😝🌟🐫✨🚶 

packages/docs/mdshow/index.md

@@ -0,0 +1,31 @@
+---
+title: UI组件
+head:
+  - - meta
+    - name: description
+      content: 各种各样的扁平化UI组件
+  - - meta
+    - name: keywords
+      content: components 
+---
+
+# {{ $frontmatter.title }}
+
+### `Vuetom UI`
+
+[ui 文档](http://ui.tomhub.cn)
+
+[ui github](https://github.com/lauset/vuetom-ui)
+
+::: tip
+UI 文档正在不断完善中，请客观耐心等待一下吧T-T
+:::
+
+
+### Markdown 语法示例
+
+这里将会展示在该文档中markdown所呈现的效果
+
+`Example` : Markdown 语法示例
+
+`Custom md` : 自定义语法