From 617127f8bcba2b88148d0f3e234e9b1d9d4948be Mon Sep 17 00:00:00 2001
From: liyang <1711467488@qq.com>
Date: Wed, 20 Mar 2019 10:11:47 +0800
Subject: [PATCH] =?UTF-8?q?markdown=20=E7=BB=84=E4=BB=B6=E5=92=8C=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81=E9=AB=98=E4=BA=AE=E7=BB=84=E4=BB=B6=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Former-commit-id: d3f6a2c1709b0ef2b46ab629db382b4687074692 [formerly d3f6a2c1709b0ef2b46ab629db382b4687074692 [formerly d3f6a2c1709b0ef2b46ab629db382b4687074692 [formerly d3f6a2c1709b0ef2b46ab629db382b4687074692 [formerly 2cb8a3245f269e8fc8b8e84e75582dbe2111ef6e [formerly 2fcb318c9d67fd23d117fc43c58ce3bd0fe3276e]]]]]
Former-commit-id: 986b67d62d3c86fc484836203f8b5e1f4891eb6c
Former-commit-id: cf0546bc2376ab54f182e127f67c3a40393ff34b
Former-commit-id: 6963b119eb71b3d607c92c9cad99d050356c1d88 [formerly 19610c6adf62f7ebb440d7373832a1c5d60f4fb5]
Former-commit-id: 48f31983021b0ff99750c6dabc63b412ef34c83e
Former-commit-id: 98eaf63e71f322930ace1f3574bc7fc6e0c55525
Former-commit-id: a716504e5874c330944390c491ac790c991a598f
Former-commit-id: 3cb6935ae5fadeb239da1dfa19d1189f6f240e87
Former-commit-id: a457670c4f607c074274362653e516482c532363
---
 src/components/d2-highlight/index.vue           |  5 +++--
 src/components/d2-markdown/index.vue            |  1 +
 .../styles => highlight-styles}/agate.css       |  0
 .../androidstudio.css                           |  0
 .../arduino-light.css                           |  0
 .../styles => highlight-styles}/arta.css        |  0
 .../styles => highlight-styles}/ascetic.css     |  0
 .../atelier-cave-dark.css                       |  0
 .../atelier-cave-light.css                      |  0
 .../atelier-dune-dark.css                       |  0
 .../atelier-dune-light.css                      |  0
 .../atelier-estuary-dark.css                    |  0
 .../atelier-estuary-light.css                   |  0
 .../atelier-forest-dark.css                     |  0
 .../atelier-forest-light.css                    |  0
 .../atelier-heath-dark.css                      |  0
 .../atelier-heath-light.css                     |  0
 .../atelier-lakeside-dark.css                   |  0
 .../atelier-lakeside-light.css                  |  0
 .../atelier-plateau-dark.css                    |  0
 .../atelier-plateau-light.css                   |  0
 .../atelier-savanna-dark.css                    |  0
 .../atelier-savanna-light.css                   |  0
 .../atelier-seaside-dark.css                    |  0
 .../atelier-seaside-light.css                   |  0
 .../atelier-sulphurpool-dark.css                |  0
 .../atelier-sulphurpool-light.css               |  0
 .../atom-one-dark.css                           |  0
 .../atom-one-light.css                          |  0
 .../styles => highlight-styles}/brown-paper.css |  0
 .../brown-papersq.png.REMOVED.git-id            |  0
 .../codepen-embed.css                           |  0
 .../color-brewer.css                            |  0
 .../styles => highlight-styles}/darcula.css     |  0
 .../styles => highlight-styles}/dark.css        |  0
 .../styles => highlight-styles}/darkula.css     |  0
 .../styles => highlight-styles}/default.css     |  0
 .../styles => highlight-styles}/docco.css       |  0
 .../styles => highlight-styles}/dracula.css     |  0
 .../styles => highlight-styles}/far.css         |  0
 .../styles => highlight-styles}/foundation.css  |  0
 .../styles => highlight-styles}/github-gist.css |  0
 .../styles => highlight-styles}/github.css      |  0
 .../styles => highlight-styles}/googlecode.css  |  0
 .../styles => highlight-styles}/grayscale.css   |  0
 .../gruvbox-dark.css                            |  0
 .../gruvbox-light.css                           |  0
 .../styles => highlight-styles}/hopscotch.css   |  0
 .../styles => highlight-styles}/hybrid.css      |  0
 .../styles => highlight-styles}/idea.css        |  0
 .../styles => highlight-styles}/ir-black.css    |  0
 .../styles => highlight-styles}/kimbie.dark.css |  0
 .../kimbie.light.css                            |  0
 .../styles => highlight-styles}/magula.css      |  0
 .../styles => highlight-styles}/mono-blue.css   |  0
 .../monokai-sublime.css                         |  0
 .../styles => highlight-styles}/monokai.css     |  0
 .../styles => highlight-styles}/obsidian.css    |  0
 .../styles => highlight-styles}/ocean.css       |  0
 .../paraiso-dark.css                            |  0
 .../paraiso-light.css                           |  0
 .../styles => highlight-styles}/pojoaque.css    |  0
 .../styles => highlight-styles}/purebasic.css   |  0
 .../qtcreator_dark.css                          |  0
 .../qtcreator_light.css                         |  0
 .../styles => highlight-styles}/railscasts.css  |  0
 .../styles => highlight-styles}/rainbow.css     |  0
 .../styles => highlight-styles}/routeros.css    |  0
 .../styles => highlight-styles}/school-book.css |  0
 .../solarized-dark.css                          |  0
 .../solarized-light.css                         |  0
 .../styles => highlight-styles}/sunburst.css    |  0
 .../tomorrow-night-blue.css                     |  0
 .../tomorrow-night-bright.css                   |  0
 .../tomorrow-night-eighties.css                 |  0
 .../tomorrow-night.css                          |  0
 .../styles => highlight-styles}/tomorrow.css    |  0
 .../styles => highlight-styles}/vs.css          |  0
 .../styles => highlight-styles}/vs2015.css      |  0
 .../styles => highlight-styles}/xcode.css       |  0
 .../styles => highlight-styles}/xt256.css       |  0
 .../styles => highlight-styles}/zenburn.css     |  0
 src/views/demo/components/markdown/md/doc.md    | 17 ++++++++++++++++-
 src/views/demo/components/markdown/source.vue   |  2 +-
 84 files changed, 21 insertions(+), 4 deletions(-)
 rename src/components/{d2-highlight/styles => highlight-styles}/agate.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/androidstudio.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/arduino-light.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/arta.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/ascetic.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/atelier-cave-dark.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/atelier-cave-light.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/atelier-dune-dark.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/atelier-dune-light.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/atelier-estuary-dark.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/atelier-estuary-light.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/atelier-forest-dark.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/atelier-forest-light.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/atelier-heath-dark.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/atelier-heath-light.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/atelier-lakeside-dark.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/atelier-lakeside-light.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/atelier-plateau-dark.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/atelier-plateau-light.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/atelier-savanna-dark.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/atelier-savanna-light.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/atelier-seaside-dark.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/atelier-seaside-light.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/atelier-sulphurpool-dark.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/atelier-sulphurpool-light.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/atom-one-dark.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/atom-one-light.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/brown-paper.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/brown-papersq.png.REMOVED.git-id (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/codepen-embed.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/color-brewer.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/darcula.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/dark.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/darkula.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/default.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/docco.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/dracula.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/far.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/foundation.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/github-gist.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/github.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/googlecode.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/grayscale.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/gruvbox-dark.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/gruvbox-light.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/hopscotch.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/hybrid.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/idea.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/ir-black.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/kimbie.dark.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/kimbie.light.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/magula.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/mono-blue.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/monokai-sublime.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/monokai.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/obsidian.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/ocean.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/paraiso-dark.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/paraiso-light.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/pojoaque.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/purebasic.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/qtcreator_dark.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/qtcreator_light.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/railscasts.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/rainbow.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/routeros.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/school-book.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/solarized-dark.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/solarized-light.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/sunburst.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/tomorrow-night-blue.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/tomorrow-night-bright.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/tomorrow-night-eighties.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/tomorrow-night.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/tomorrow.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/vs.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/vs2015.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/xcode.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/xt256.css (100%)
 rename src/components/{d2-highlight/styles => highlight-styles}/zenburn.css (100%)

diff --git a/src/components/d2-highlight/index.vue b/src/components/d2-highlight/index.vue
index 0e838a7a..6c5c53d8 100644
--- a/src/components/d2-highlight/index.vue
+++ b/src/components/d2-highlight/index.vue
@@ -3,11 +3,12 @@
 </template>
 
 <script>
+// 相关文档
 // https://highlightjs.org/usage/
 // http://highlightjs.readthedocs.io/en/latest/api.html#configure-options
-import './styles/github-gist.css'
-import htmlFormat from './libs/htmlFormat'
 import highlight from 'highlight.js'
+import '../highlight-styles/github-gist.css'
+import htmlFormat from './libs/htmlFormat'
 export default {
   name: 'd2-highlight',
   props: {
diff --git a/src/components/d2-markdown/index.vue b/src/components/d2-markdown/index.vue
index 109d522e..292685b3 100644
--- a/src/components/d2-markdown/index.vue
+++ b/src/components/d2-markdown/index.vue
@@ -10,6 +10,7 @@
 <script>
 import marked from 'marked'
 import highlight from 'highlight.js'
+import '../highlight-styles/github-gist.css'
 import bandupan from './plugin/baidupan'
 import 'github-markdown-css'
 import { ComponentsMarkdownBase } from '@api/components.markdown'
diff --git a/src/components/d2-highlight/styles/agate.css b/src/components/highlight-styles/agate.css
similarity index 100%
rename from src/components/d2-highlight/styles/agate.css
rename to src/components/highlight-styles/agate.css
diff --git a/src/components/d2-highlight/styles/androidstudio.css b/src/components/highlight-styles/androidstudio.css
similarity index 100%
rename from src/components/d2-highlight/styles/androidstudio.css
rename to src/components/highlight-styles/androidstudio.css
diff --git a/src/components/d2-highlight/styles/arduino-light.css b/src/components/highlight-styles/arduino-light.css
similarity index 100%
rename from src/components/d2-highlight/styles/arduino-light.css
rename to src/components/highlight-styles/arduino-light.css
diff --git a/src/components/d2-highlight/styles/arta.css b/src/components/highlight-styles/arta.css
similarity index 100%
rename from src/components/d2-highlight/styles/arta.css
rename to src/components/highlight-styles/arta.css
diff --git a/src/components/d2-highlight/styles/ascetic.css b/src/components/highlight-styles/ascetic.css
similarity index 100%
rename from src/components/d2-highlight/styles/ascetic.css
rename to src/components/highlight-styles/ascetic.css
diff --git a/src/components/d2-highlight/styles/atelier-cave-dark.css b/src/components/highlight-styles/atelier-cave-dark.css
similarity index 100%
rename from src/components/d2-highlight/styles/atelier-cave-dark.css
rename to src/components/highlight-styles/atelier-cave-dark.css
diff --git a/src/components/d2-highlight/styles/atelier-cave-light.css b/src/components/highlight-styles/atelier-cave-light.css
similarity index 100%
rename from src/components/d2-highlight/styles/atelier-cave-light.css
rename to src/components/highlight-styles/atelier-cave-light.css
diff --git a/src/components/d2-highlight/styles/atelier-dune-dark.css b/src/components/highlight-styles/atelier-dune-dark.css
similarity index 100%
rename from src/components/d2-highlight/styles/atelier-dune-dark.css
rename to src/components/highlight-styles/atelier-dune-dark.css
diff --git a/src/components/d2-highlight/styles/atelier-dune-light.css b/src/components/highlight-styles/atelier-dune-light.css
similarity index 100%
rename from src/components/d2-highlight/styles/atelier-dune-light.css
rename to src/components/highlight-styles/atelier-dune-light.css
diff --git a/src/components/d2-highlight/styles/atelier-estuary-dark.css b/src/components/highlight-styles/atelier-estuary-dark.css
similarity index 100%
rename from src/components/d2-highlight/styles/atelier-estuary-dark.css
rename to src/components/highlight-styles/atelier-estuary-dark.css
diff --git a/src/components/d2-highlight/styles/atelier-estuary-light.css b/src/components/highlight-styles/atelier-estuary-light.css
similarity index 100%
rename from src/components/d2-highlight/styles/atelier-estuary-light.css
rename to src/components/highlight-styles/atelier-estuary-light.css
diff --git a/src/components/d2-highlight/styles/atelier-forest-dark.css b/src/components/highlight-styles/atelier-forest-dark.css
similarity index 100%
rename from src/components/d2-highlight/styles/atelier-forest-dark.css
rename to src/components/highlight-styles/atelier-forest-dark.css
diff --git a/src/components/d2-highlight/styles/atelier-forest-light.css b/src/components/highlight-styles/atelier-forest-light.css
similarity index 100%
rename from src/components/d2-highlight/styles/atelier-forest-light.css
rename to src/components/highlight-styles/atelier-forest-light.css
diff --git a/src/components/d2-highlight/styles/atelier-heath-dark.css b/src/components/highlight-styles/atelier-heath-dark.css
similarity index 100%
rename from src/components/d2-highlight/styles/atelier-heath-dark.css
rename to src/components/highlight-styles/atelier-heath-dark.css
diff --git a/src/components/d2-highlight/styles/atelier-heath-light.css b/src/components/highlight-styles/atelier-heath-light.css
similarity index 100%
rename from src/components/d2-highlight/styles/atelier-heath-light.css
rename to src/components/highlight-styles/atelier-heath-light.css
diff --git a/src/components/d2-highlight/styles/atelier-lakeside-dark.css b/src/components/highlight-styles/atelier-lakeside-dark.css
similarity index 100%
rename from src/components/d2-highlight/styles/atelier-lakeside-dark.css
rename to src/components/highlight-styles/atelier-lakeside-dark.css
diff --git a/src/components/d2-highlight/styles/atelier-lakeside-light.css b/src/components/highlight-styles/atelier-lakeside-light.css
similarity index 100%
rename from src/components/d2-highlight/styles/atelier-lakeside-light.css
rename to src/components/highlight-styles/atelier-lakeside-light.css
diff --git a/src/components/d2-highlight/styles/atelier-plateau-dark.css b/src/components/highlight-styles/atelier-plateau-dark.css
similarity index 100%
rename from src/components/d2-highlight/styles/atelier-plateau-dark.css
rename to src/components/highlight-styles/atelier-plateau-dark.css
diff --git a/src/components/d2-highlight/styles/atelier-plateau-light.css b/src/components/highlight-styles/atelier-plateau-light.css
similarity index 100%
rename from src/components/d2-highlight/styles/atelier-plateau-light.css
rename to src/components/highlight-styles/atelier-plateau-light.css
diff --git a/src/components/d2-highlight/styles/atelier-savanna-dark.css b/src/components/highlight-styles/atelier-savanna-dark.css
similarity index 100%
rename from src/components/d2-highlight/styles/atelier-savanna-dark.css
rename to src/components/highlight-styles/atelier-savanna-dark.css
diff --git a/src/components/d2-highlight/styles/atelier-savanna-light.css b/src/components/highlight-styles/atelier-savanna-light.css
similarity index 100%
rename from src/components/d2-highlight/styles/atelier-savanna-light.css
rename to src/components/highlight-styles/atelier-savanna-light.css
diff --git a/src/components/d2-highlight/styles/atelier-seaside-dark.css b/src/components/highlight-styles/atelier-seaside-dark.css
similarity index 100%
rename from src/components/d2-highlight/styles/atelier-seaside-dark.css
rename to src/components/highlight-styles/atelier-seaside-dark.css
diff --git a/src/components/d2-highlight/styles/atelier-seaside-light.css b/src/components/highlight-styles/atelier-seaside-light.css
similarity index 100%
rename from src/components/d2-highlight/styles/atelier-seaside-light.css
rename to src/components/highlight-styles/atelier-seaside-light.css
diff --git a/src/components/d2-highlight/styles/atelier-sulphurpool-dark.css b/src/components/highlight-styles/atelier-sulphurpool-dark.css
similarity index 100%
rename from src/components/d2-highlight/styles/atelier-sulphurpool-dark.css
rename to src/components/highlight-styles/atelier-sulphurpool-dark.css
diff --git a/src/components/d2-highlight/styles/atelier-sulphurpool-light.css b/src/components/highlight-styles/atelier-sulphurpool-light.css
similarity index 100%
rename from src/components/d2-highlight/styles/atelier-sulphurpool-light.css
rename to src/components/highlight-styles/atelier-sulphurpool-light.css
diff --git a/src/components/d2-highlight/styles/atom-one-dark.css b/src/components/highlight-styles/atom-one-dark.css
similarity index 100%
rename from src/components/d2-highlight/styles/atom-one-dark.css
rename to src/components/highlight-styles/atom-one-dark.css
diff --git a/src/components/d2-highlight/styles/atom-one-light.css b/src/components/highlight-styles/atom-one-light.css
similarity index 100%
rename from src/components/d2-highlight/styles/atom-one-light.css
rename to src/components/highlight-styles/atom-one-light.css
diff --git a/src/components/d2-highlight/styles/brown-paper.css b/src/components/highlight-styles/brown-paper.css
similarity index 100%
rename from src/components/d2-highlight/styles/brown-paper.css
rename to src/components/highlight-styles/brown-paper.css
diff --git a/src/components/d2-highlight/styles/brown-papersq.png.REMOVED.git-id b/src/components/highlight-styles/brown-papersq.png.REMOVED.git-id
similarity index 100%
rename from src/components/d2-highlight/styles/brown-papersq.png.REMOVED.git-id
rename to src/components/highlight-styles/brown-papersq.png.REMOVED.git-id
diff --git a/src/components/d2-highlight/styles/codepen-embed.css b/src/components/highlight-styles/codepen-embed.css
similarity index 100%
rename from src/components/d2-highlight/styles/codepen-embed.css
rename to src/components/highlight-styles/codepen-embed.css
diff --git a/src/components/d2-highlight/styles/color-brewer.css b/src/components/highlight-styles/color-brewer.css
similarity index 100%
rename from src/components/d2-highlight/styles/color-brewer.css
rename to src/components/highlight-styles/color-brewer.css
diff --git a/src/components/d2-highlight/styles/darcula.css b/src/components/highlight-styles/darcula.css
similarity index 100%
rename from src/components/d2-highlight/styles/darcula.css
rename to src/components/highlight-styles/darcula.css
diff --git a/src/components/d2-highlight/styles/dark.css b/src/components/highlight-styles/dark.css
similarity index 100%
rename from src/components/d2-highlight/styles/dark.css
rename to src/components/highlight-styles/dark.css
diff --git a/src/components/d2-highlight/styles/darkula.css b/src/components/highlight-styles/darkula.css
similarity index 100%
rename from src/components/d2-highlight/styles/darkula.css
rename to src/components/highlight-styles/darkula.css
diff --git a/src/components/d2-highlight/styles/default.css b/src/components/highlight-styles/default.css
similarity index 100%
rename from src/components/d2-highlight/styles/default.css
rename to src/components/highlight-styles/default.css
diff --git a/src/components/d2-highlight/styles/docco.css b/src/components/highlight-styles/docco.css
similarity index 100%
rename from src/components/d2-highlight/styles/docco.css
rename to src/components/highlight-styles/docco.css
diff --git a/src/components/d2-highlight/styles/dracula.css b/src/components/highlight-styles/dracula.css
similarity index 100%
rename from src/components/d2-highlight/styles/dracula.css
rename to src/components/highlight-styles/dracula.css
diff --git a/src/components/d2-highlight/styles/far.css b/src/components/highlight-styles/far.css
similarity index 100%
rename from src/components/d2-highlight/styles/far.css
rename to src/components/highlight-styles/far.css
diff --git a/src/components/d2-highlight/styles/foundation.css b/src/components/highlight-styles/foundation.css
similarity index 100%
rename from src/components/d2-highlight/styles/foundation.css
rename to src/components/highlight-styles/foundation.css
diff --git a/src/components/d2-highlight/styles/github-gist.css b/src/components/highlight-styles/github-gist.css
similarity index 100%
rename from src/components/d2-highlight/styles/github-gist.css
rename to src/components/highlight-styles/github-gist.css
diff --git a/src/components/d2-highlight/styles/github.css b/src/components/highlight-styles/github.css
similarity index 100%
rename from src/components/d2-highlight/styles/github.css
rename to src/components/highlight-styles/github.css
diff --git a/src/components/d2-highlight/styles/googlecode.css b/src/components/highlight-styles/googlecode.css
similarity index 100%
rename from src/components/d2-highlight/styles/googlecode.css
rename to src/components/highlight-styles/googlecode.css
diff --git a/src/components/d2-highlight/styles/grayscale.css b/src/components/highlight-styles/grayscale.css
similarity index 100%
rename from src/components/d2-highlight/styles/grayscale.css
rename to src/components/highlight-styles/grayscale.css
diff --git a/src/components/d2-highlight/styles/gruvbox-dark.css b/src/components/highlight-styles/gruvbox-dark.css
similarity index 100%
rename from src/components/d2-highlight/styles/gruvbox-dark.css
rename to src/components/highlight-styles/gruvbox-dark.css
diff --git a/src/components/d2-highlight/styles/gruvbox-light.css b/src/components/highlight-styles/gruvbox-light.css
similarity index 100%
rename from src/components/d2-highlight/styles/gruvbox-light.css
rename to src/components/highlight-styles/gruvbox-light.css
diff --git a/src/components/d2-highlight/styles/hopscotch.css b/src/components/highlight-styles/hopscotch.css
similarity index 100%
rename from src/components/d2-highlight/styles/hopscotch.css
rename to src/components/highlight-styles/hopscotch.css
diff --git a/src/components/d2-highlight/styles/hybrid.css b/src/components/highlight-styles/hybrid.css
similarity index 100%
rename from src/components/d2-highlight/styles/hybrid.css
rename to src/components/highlight-styles/hybrid.css
diff --git a/src/components/d2-highlight/styles/idea.css b/src/components/highlight-styles/idea.css
similarity index 100%
rename from src/components/d2-highlight/styles/idea.css
rename to src/components/highlight-styles/idea.css
diff --git a/src/components/d2-highlight/styles/ir-black.css b/src/components/highlight-styles/ir-black.css
similarity index 100%
rename from src/components/d2-highlight/styles/ir-black.css
rename to src/components/highlight-styles/ir-black.css
diff --git a/src/components/d2-highlight/styles/kimbie.dark.css b/src/components/highlight-styles/kimbie.dark.css
similarity index 100%
rename from src/components/d2-highlight/styles/kimbie.dark.css
rename to src/components/highlight-styles/kimbie.dark.css
diff --git a/src/components/d2-highlight/styles/kimbie.light.css b/src/components/highlight-styles/kimbie.light.css
similarity index 100%
rename from src/components/d2-highlight/styles/kimbie.light.css
rename to src/components/highlight-styles/kimbie.light.css
diff --git a/src/components/d2-highlight/styles/magula.css b/src/components/highlight-styles/magula.css
similarity index 100%
rename from src/components/d2-highlight/styles/magula.css
rename to src/components/highlight-styles/magula.css
diff --git a/src/components/d2-highlight/styles/mono-blue.css b/src/components/highlight-styles/mono-blue.css
similarity index 100%
rename from src/components/d2-highlight/styles/mono-blue.css
rename to src/components/highlight-styles/mono-blue.css
diff --git a/src/components/d2-highlight/styles/monokai-sublime.css b/src/components/highlight-styles/monokai-sublime.css
similarity index 100%
rename from src/components/d2-highlight/styles/monokai-sublime.css
rename to src/components/highlight-styles/monokai-sublime.css
diff --git a/src/components/d2-highlight/styles/monokai.css b/src/components/highlight-styles/monokai.css
similarity index 100%
rename from src/components/d2-highlight/styles/monokai.css
rename to src/components/highlight-styles/monokai.css
diff --git a/src/components/d2-highlight/styles/obsidian.css b/src/components/highlight-styles/obsidian.css
similarity index 100%
rename from src/components/d2-highlight/styles/obsidian.css
rename to src/components/highlight-styles/obsidian.css
diff --git a/src/components/d2-highlight/styles/ocean.css b/src/components/highlight-styles/ocean.css
similarity index 100%
rename from src/components/d2-highlight/styles/ocean.css
rename to src/components/highlight-styles/ocean.css
diff --git a/src/components/d2-highlight/styles/paraiso-dark.css b/src/components/highlight-styles/paraiso-dark.css
similarity index 100%
rename from src/components/d2-highlight/styles/paraiso-dark.css
rename to src/components/highlight-styles/paraiso-dark.css
diff --git a/src/components/d2-highlight/styles/paraiso-light.css b/src/components/highlight-styles/paraiso-light.css
similarity index 100%
rename from src/components/d2-highlight/styles/paraiso-light.css
rename to src/components/highlight-styles/paraiso-light.css
diff --git a/src/components/d2-highlight/styles/pojoaque.css b/src/components/highlight-styles/pojoaque.css
similarity index 100%
rename from src/components/d2-highlight/styles/pojoaque.css
rename to src/components/highlight-styles/pojoaque.css
diff --git a/src/components/d2-highlight/styles/purebasic.css b/src/components/highlight-styles/purebasic.css
similarity index 100%
rename from src/components/d2-highlight/styles/purebasic.css
rename to src/components/highlight-styles/purebasic.css
diff --git a/src/components/d2-highlight/styles/qtcreator_dark.css b/src/components/highlight-styles/qtcreator_dark.css
similarity index 100%
rename from src/components/d2-highlight/styles/qtcreator_dark.css
rename to src/components/highlight-styles/qtcreator_dark.css
diff --git a/src/components/d2-highlight/styles/qtcreator_light.css b/src/components/highlight-styles/qtcreator_light.css
similarity index 100%
rename from src/components/d2-highlight/styles/qtcreator_light.css
rename to src/components/highlight-styles/qtcreator_light.css
diff --git a/src/components/d2-highlight/styles/railscasts.css b/src/components/highlight-styles/railscasts.css
similarity index 100%
rename from src/components/d2-highlight/styles/railscasts.css
rename to src/components/highlight-styles/railscasts.css
diff --git a/src/components/d2-highlight/styles/rainbow.css b/src/components/highlight-styles/rainbow.css
similarity index 100%
rename from src/components/d2-highlight/styles/rainbow.css
rename to src/components/highlight-styles/rainbow.css
diff --git a/src/components/d2-highlight/styles/routeros.css b/src/components/highlight-styles/routeros.css
similarity index 100%
rename from src/components/d2-highlight/styles/routeros.css
rename to src/components/highlight-styles/routeros.css
diff --git a/src/components/d2-highlight/styles/school-book.css b/src/components/highlight-styles/school-book.css
similarity index 100%
rename from src/components/d2-highlight/styles/school-book.css
rename to src/components/highlight-styles/school-book.css
diff --git a/src/components/d2-highlight/styles/solarized-dark.css b/src/components/highlight-styles/solarized-dark.css
similarity index 100%
rename from src/components/d2-highlight/styles/solarized-dark.css
rename to src/components/highlight-styles/solarized-dark.css
diff --git a/src/components/d2-highlight/styles/solarized-light.css b/src/components/highlight-styles/solarized-light.css
similarity index 100%
rename from src/components/d2-highlight/styles/solarized-light.css
rename to src/components/highlight-styles/solarized-light.css
diff --git a/src/components/d2-highlight/styles/sunburst.css b/src/components/highlight-styles/sunburst.css
similarity index 100%
rename from src/components/d2-highlight/styles/sunburst.css
rename to src/components/highlight-styles/sunburst.css
diff --git a/src/components/d2-highlight/styles/tomorrow-night-blue.css b/src/components/highlight-styles/tomorrow-night-blue.css
similarity index 100%
rename from src/components/d2-highlight/styles/tomorrow-night-blue.css
rename to src/components/highlight-styles/tomorrow-night-blue.css
diff --git a/src/components/d2-highlight/styles/tomorrow-night-bright.css b/src/components/highlight-styles/tomorrow-night-bright.css
similarity index 100%
rename from src/components/d2-highlight/styles/tomorrow-night-bright.css
rename to src/components/highlight-styles/tomorrow-night-bright.css
diff --git a/src/components/d2-highlight/styles/tomorrow-night-eighties.css b/src/components/highlight-styles/tomorrow-night-eighties.css
similarity index 100%
rename from src/components/d2-highlight/styles/tomorrow-night-eighties.css
rename to src/components/highlight-styles/tomorrow-night-eighties.css
diff --git a/src/components/d2-highlight/styles/tomorrow-night.css b/src/components/highlight-styles/tomorrow-night.css
similarity index 100%
rename from src/components/d2-highlight/styles/tomorrow-night.css
rename to src/components/highlight-styles/tomorrow-night.css
diff --git a/src/components/d2-highlight/styles/tomorrow.css b/src/components/highlight-styles/tomorrow.css
similarity index 100%
rename from src/components/d2-highlight/styles/tomorrow.css
rename to src/components/highlight-styles/tomorrow.css
diff --git a/src/components/d2-highlight/styles/vs.css b/src/components/highlight-styles/vs.css
similarity index 100%
rename from src/components/d2-highlight/styles/vs.css
rename to src/components/highlight-styles/vs.css
diff --git a/src/components/d2-highlight/styles/vs2015.css b/src/components/highlight-styles/vs2015.css
similarity index 100%
rename from src/components/d2-highlight/styles/vs2015.css
rename to src/components/highlight-styles/vs2015.css
diff --git a/src/components/d2-highlight/styles/xcode.css b/src/components/highlight-styles/xcode.css
similarity index 100%
rename from src/components/d2-highlight/styles/xcode.css
rename to src/components/highlight-styles/xcode.css
diff --git a/src/components/d2-highlight/styles/xt256.css b/src/components/highlight-styles/xt256.css
similarity index 100%
rename from src/components/d2-highlight/styles/xt256.css
rename to src/components/highlight-styles/xt256.css
diff --git a/src/components/d2-highlight/styles/zenburn.css b/src/components/highlight-styles/zenburn.css
similarity index 100%
rename from src/components/d2-highlight/styles/zenburn.css
rename to src/components/highlight-styles/zenburn.css
diff --git a/src/views/demo/components/markdown/md/doc.md b/src/views/demo/components/markdown/md/doc.md
index c1917221..189e9773 100644
--- a/src/views/demo/components/markdown/md/doc.md
+++ b/src/views/demo/components/markdown/md/doc.md
@@ -5,7 +5,22 @@
 | 0001 | FairyEver | 1711467488@qq.com |
 
 ```
-alert('Hello World')
+// 注释
+[].forEach.call($$("*"), a => {
+  a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16)
+})
+```
+
+```
+<div>
+  <p>Hello World</p>
+</div>
+```
+
+```
+body {
+  background-color: #333;
+}
 ```
 
 一般引用
diff --git a/src/views/demo/components/markdown/source.vue b/src/views/demo/components/markdown/source.vue
index 4d1523ed..43d78e58 100644
--- a/src/views/demo/components/markdown/source.vue
+++ b/src/views/demo/components/markdown/source.vue
@@ -1,7 +1,7 @@
 <template>
   <d2-container :filename="filename">
     <template slot="header">指定资源</template>
-    <d2-markdown :source="doc"/>
+    <d2-markdown :source="doc" highlight/>
   </d2-container>
 </template>