mirror of
https://github.com/wahyd4/docsify.git
synced 2026-08-24 12:46:08 +10:00
Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
 qingwei.li
|
4ff8fb2c60 | ||
|
qingwei.li
|
9b858fc4c4 | ||
|
qingwei.li
|
3aef37a445 | ||
|
qingwei.li
|
37daa7ef9c | ||
|
qingwei.li
|
b0da9f23d3 | ||
|
qingwei.li
|
1f66e61f63 | ||
|
qingwei.li
|
5f07d5a9f3 | ||
|
qingwei.li
|
d1d8f88a1a | ||
|
qingwei.li
|
b9a7275c8f | ||
 cinwell.liandGitHub
|
0fddd1ced4 | ||
 Johannes Rappen
|
262bf13964 | ||
|
Johannes Rappen
|
0b1fc2343f | ||
|
Johannes Rappen
|
6eada5a2f7 |
+56
-59
@@ -1,86 +1,83 @@
|
|||||||
|
|
||||||
3.4.0 / 2017-03-09
|
# 3.4.2 / 2017-03-11
|
||||||
==================
|
|
||||||
|
|
||||||
* feat(zoom-image): add plugin
|
* feat(emojify): add no-emoji option
|
||||||
|
|
||||||
3.3.0 / 2017-03-07
|
# 3.4.1 / 2017-03-10
|
||||||
==================
|
|
||||||
|
|
||||||
* add front-matter plugin
|
* fix(dom): Disable the dom cache when vue is present, fixed [#119](https://github.com/QingWei-Li/docsify/issues/119)
|
||||||
* add external-script plugin
|
* update english docs, [@jrappen](https://github.com/jrappen)
|
||||||
* Fix nav showing while loading (#112)
|
|
||||||
* Fix a typo (#111)
|
|
||||||
* Update changelog
|
|
||||||
|
|
||||||
3.2.0 / 2017-02-28
|
# 3.4.0 / 2017-03-09
|
||||||
==================
|
|
||||||
|
|
||||||
* fix(render): Toc rendering error, fixed [#106](https://github.com/QingWei-Li/docsify/issues/106)
|
* feat(zoom-image): add plugin
|
||||||
* feat(search): Localization for no data tip, close [#103](https://github.com/QingWei-Li/docsify/issues/103)
|
|
||||||
* fix(fetch): load sidebar and navbar for parent path, fixed [#100](https://github.com/QingWei-Li/docsify/issues/100)
|
|
||||||
* feat(render) nameLink for each route, fixed [#99](https://github.com/QingWei-Li/docsify/issues/99)
|
|
||||||
|
|
||||||
3.1.2 / 2017-02-27
|
# 3.3.0 / 2017-03-07
|
||||||
==================
|
|
||||||
|
|
||||||
* fix(search): dont search nameLink, fixed [#102](https://github.com/QingWei-Li/docsify/issues/102)
|
* add front-matter plugin
|
||||||
|
* add external-script plugin, [@Leopoldthecoder](https://github.com/Leopoldthecoder)
|
||||||
|
* Fix nav showing while loading ([#112](https://github.com/QingWei-Li/docsify/issues/112))
|
||||||
|
|
||||||
3.1.1 / 2017-02-24
|
# 3.2.0 / 2017-02-28
|
||||||
==================
|
|
||||||
|
|
||||||
* fix(search): dont search nameLink, fixed [#102](https://github.com/QingWei-Li/docsify/issues/102)
|
* fix(render): Toc rendering error, fixed [#106](https://github.com/QingWei-Li/docsify/issues/106)
|
||||||
* fix(render): custom cover background image
|
* feat(search): Localization for no data tip, close [#103](https://github.com/QingWei-Li/docsify/issues/103)
|
||||||
* fix(tpl): extra character, fixed [#101](https://github.com/QingWei-Li/docsify/issues/101)
|
* fix(fetch): load sidebar and navbar for parent path, fixed [#100](https://github.com/QingWei-Li/docsify/issues/100)
|
||||||
|
* feat(render) nameLink for each route, fixed [#99](https://github.com/QingWei-Li/docsify/issues/99)
|
||||||
|
|
||||||
3.1.0 / 2017-02-22
|
# 3.1.2 / 2017-02-27
|
||||||
==================
|
|
||||||
|
|
||||||
* fix(search): incorrect anchor link, fixed [#90](https://github.com/QingWei-Li/docsify/issues/90)
|
* fix(search): dont search nameLink, fixed [#102](https://github.com/QingWei-Li/docsify/issues/102)
|
||||||
* feat(emoji): add emoji plugin
|
|
||||||
|
|
||||||
3.0.5 / 2017-02-21
|
# 3.1.1 / 2017-02-24
|
||||||
==================
|
|
||||||
|
|
||||||
* feat(pwa): add sw.js
|
* fix(search): dont search nameLink, fixed [#102](https://github.com/QingWei-Li/docsify/issues/102)
|
||||||
* fix(layout.css): loading style
|
* fix(render): custom cover background image
|
||||||
* fix(event): highlight sidebar when clicked, fixed [#86](https://github.com/QingWei-Li/docsify/issues/86)
|
* fix(tpl): extra character, fixed [#101](https://github.com/QingWei-Li/docsify/issues/101)
|
||||||
* fix(gen-tree): cache toc list, fixed [#88](https://github.com/QingWei-Li/docsify/issues/88)
|
|
||||||
|
|
||||||
3.0.4 / 2017-02-20
|
# 3.1.0 / 2017-02-22
|
||||||
==================
|
|
||||||
|
|
||||||
* fix(render): execute script
|
* fix(search): incorrect anchor link, fixed [#90](https://github.com/QingWei-Li/docsify/issues/90)
|
||||||
* fix(render): disable rendering sub list when loadSidebar is false
|
* feat(emoji): add emoji plugin
|
||||||
|
|
||||||
3.0.3 / 2017-02-19
|
# 3.0.5 / 2017-02-21
|
||||||
==================
|
|
||||||
|
|
||||||
* fixed look of links in blockquote
|
* feat(pwa): add sw.js
|
||||||
* fix(scroll) highlight bug
|
* fix(layout.css): loading style
|
||||||
|
* fix(event): highlight sidebar when clicked, fixed [#86](https://github.com/QingWei-Li/docsify/issues/86)
|
||||||
|
* fix(gen-tree): cache toc list, fixed [#88](https://github.com/QingWei-Li/docsify/issues/88)
|
||||||
|
|
||||||
3.0.2 / 2017-02-19
|
# 3.0.4 / 2017-02-20
|
||||||
==================
|
|
||||||
|
|
||||||
* fix(search): add lazy input
|
* fix(render): execute script
|
||||||
* fix(compiler): link
|
* fix(render): disable rendering sub list when loadSidebar is false
|
||||||
|
|
||||||
3.0.1 / 2017-02-19
|
# 3.0.3 / 2017-02-19
|
||||||
==================
|
|
||||||
|
|
||||||
* fix(route): empty alias
|
* fixed look of links in blockquote
|
||||||
|
* fix(scroll) highlight bug
|
||||||
|
|
||||||
3.0.0 / 2017-02-19
|
# 3.0.2 / 2017-02-19
|
||||||
==================
|
|
||||||
|
* fix(search): add lazy input
|
||||||
|
* fix(compiler): link
|
||||||
|
|
||||||
|
# 3.0.1 / 2017-02-19
|
||||||
|
|
||||||
|
* fix(route): empty alias
|
||||||
|
|
||||||
|
# 3.0.0 / 2017-02-19
|
||||||
|
|
||||||
#### Breaking change
|
#### Breaking change
|
||||||
- Not support IE9
|
|
||||||
- The route becomes: `/#/page?id=slug`. The previous route will be redirected
|
* Not support IE9
|
||||||
|
* The route becomes: `/#/page?id=slug`. The previous route will be redirected
|
||||||
|
|
||||||
#### Features
|
#### Features
|
||||||
- Faster rendering
|
|
||||||
- Clearer source code
|
* Faster rendering
|
||||||
- More powerful API
|
* Clearer source code
|
||||||
- Auto header for each page [#78](https://github.com/QingWei-Li/docsify/issues/78)
|
* More powerful API
|
||||||
- Localization for search plugin [#80](https://github.com/QingWei-Li/docsify/issues/80)
|
* Auto header for each page [#78](https://github.com/QingWei-Li/docsify/issues/78)
|
||||||
- Execute the script in markdown (see `executeScript`)
|
* Localization for search plugin [#80](https://github.com/QingWei-Li/docsify/issues/80)
|
||||||
|
* Execute the script in markdown (see `executeScript`)
|
||||||
|
|||||||
+247
-121
@@ -3,22 +3,24 @@
|
|||||||
> 2017-02-15
|
> 2017-02-15
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
* fix emoji replacing error (#76)
|
|
||||||
|
* fix emoji replacing error ([#76](https://github.com/QingWei-Li/docsify/issues/76))
|
||||||
|
|
||||||
### 2.4.2
|
### 2.4.2
|
||||||
|
|
||||||
> 2017-02-14
|
> 2017-02-14
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- fix(index): load file path error
|
|
||||||
|
|
||||||
|
* fix(index): load file path error
|
||||||
|
|
||||||
### 2.4.1
|
### 2.4.1
|
||||||
|
|
||||||
> 2017-02-13
|
> 2017-02-13
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- fix(index): cover page
|
|
||||||
|
* fix(index): cover page
|
||||||
|
|
||||||
### 2.4.0
|
### 2.4.0
|
||||||
|
|
||||||
@@ -26,8 +28,7 @@
|
|||||||
|
|
||||||
#### Features
|
#### Features
|
||||||
|
|
||||||
- feat(hook): add `doneEach`
|
* feat(hook): add `doneEach`
|
||||||
|
|
||||||
|
|
||||||
### 2.3.0
|
### 2.3.0
|
||||||
|
|
||||||
@@ -35,352 +36,477 @@
|
|||||||
|
|
||||||
#### Features
|
#### Features
|
||||||
|
|
||||||
- feat(src): add alias feature
|
* feat(src): add alias feature
|
||||||
- docs: update all documents
|
* docs: update all documents
|
||||||
- feat(src): dynamic title
|
* feat(src): dynamic title
|
||||||
- feat(hook): support custom plugin
|
* feat(hook): support custom plugin
|
||||||
- feat(themes): add dark theme
|
* feat(themes): add dark theme
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- fix(event): `auto2top` has no effect on a FF mobile browser, fixed #67
|
|
||||||
- fix: sidebar style
|
* fix(event): `auto2top` has no effect on a FF mobile browser, fixed #67
|
||||||
- fix(render): fix render link
|
* fix: sidebar style
|
||||||
|
* fix(render): fix render link
|
||||||
|
|
||||||
### 2.2.1
|
### 2.2.1
|
||||||
|
|
||||||
> 2017-02-11
|
> 2017-02-11
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- fix(search): crash when not content, fixed #68
|
|
||||||
- fix(event): scroll active sidebar
|
* fix(search): crash when not content, fixed [#68](https://github.com/QingWei-Li/docsify/issues/68)
|
||||||
- fix(search): not work in mobile
|
* fix(event): scroll active sidebar
|
||||||
|
* fix(search): not work in mobile
|
||||||
|
|
||||||
### 2.2.0
|
### 2.2.0
|
||||||
|
|
||||||
#### Features
|
#### Features
|
||||||
- Add `Google Analytics` plugin.
|
|
||||||
```html
|
* Add `Google Analytics` plugin.
|
||||||
<script src="//unpkg.com/docsify" data-ga="UA-XXXXX-Y"></script>
|
```html
|
||||||
<script src="//unpkg.com/docsify/lib/plugins/ga.js"></script>
|
<script src="//unpkg.com/docsify" data-ga="UA-XXXXX-Y"></script>
|
||||||
```
|
<script src="//unpkg.com/docsify/lib/plugins/ga.js"></script>
|
||||||
|
```
|
||||||
|
|
||||||
### 2.1.0
|
### 2.1.0
|
||||||
|
|
||||||
#### Features
|
#### Features
|
||||||
- Add search plugin
|
|
||||||
```html
|
* Add search plugin
|
||||||
<script src="//unpkg.com/docsify"></script>
|
```html
|
||||||
<script src="//unpkg.com/docsify/lib/plugins/search.js"></script>
|
<script src="//unpkg.com/docsify"></script>
|
||||||
```
|
<script src="//unpkg.com/docsify/lib/plugins/search.js"></script>
|
||||||
|
```
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- fix sidebar style
|
|
||||||
|
* fix sidebar style
|
||||||
|
|
||||||
### 2.0.3
|
### 2.0.3
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- fix: rendering emojis
|
|
||||||
- fix: css var polyfill
|
* fix: rendering emojis
|
||||||
|
* fix: css var polyfill
|
||||||
|
|
||||||
### 2.0.2
|
### 2.0.2
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- fix button style in cover page.
|
|
||||||
|
* fix button style in cover page.
|
||||||
|
|
||||||
### 2.0.1
|
### 2.0.1
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- border style.
|
|
||||||
|
* border style.
|
||||||
|
|
||||||
### 2.0.0
|
### 2.0.0
|
||||||
|
|
||||||
#### Features
|
#### Features
|
||||||
- Customize the theme color
|
|
||||||
|
* Customize the theme color
|
||||||
|
|
||||||
#### Break change
|
#### Break change
|
||||||
- Remove `data-router`, `data-sidebar`, `data-sidebar-toggle` APIs
|
|
||||||
|
* Remove `data-router`, `data-sidebar`, `data-sidebar-toggle` APIs
|
||||||
|
|
||||||
|
|
||||||
### 1.10.5
|
### 1.10.5
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- fix initialize the Vue instance
|
|
||||||
|
* fix initialize the Vue instance
|
||||||
|
|
||||||
### 1.10.4
|
### 1.10.4
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- fix execute script
|
|
||||||
|
* fix execute script
|
||||||
|
|
||||||
### 1.10.3
|
### 1.10.3
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- compatible vuep QingWei-Li/vuep/issues/2
|
|
||||||
- fix sidebar scroll, fixed #63
|
* compatible vuep ([#2](https://github.com/QingWei-Li/vuep/issues/2))
|
||||||
|
* fix sidebar scroll, fixed [#63](https://github.com/QingWei-Li/docsify/issues/63)
|
||||||
|
|
||||||
### 1.10.2
|
### 1.10.2
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Fix render emojis again
|
|
||||||
|
* Fix render emojis again
|
||||||
|
|
||||||
### 1.10.1
|
### 1.10.1
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Fix render emojis
|
|
||||||
|
* Fix render emojis
|
||||||
|
|
||||||
### 1.10.0
|
### 1.10.0
|
||||||
|
|
||||||
#### Features
|
#### Features
|
||||||
- Support emoji :laughing:
|
|
||||||
|
* Support emoji :laughing:
|
||||||
|
|
||||||
### 1.9.0
|
### 1.9.0
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Destroys the vue instance when the route is changed
|
|
||||||
|
* Destroys the vue instance when the route is changed
|
||||||
|
|
||||||
#### Features
|
#### Features
|
||||||
- Add `!>` and `?>` doc helper.
|
|
||||||
|
* Add `!>` and `?>` doc helper.
|
||||||
|
|
||||||
#### Break change
|
#### Break change
|
||||||
- Remove `!` doc helper.
|
|
||||||
|
* Remove `!` doc helper.
|
||||||
|
|
||||||
### 1.8.0
|
### 1.8.0
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Using `v-pre` skip compilation.
|
|
||||||
|
* Using `v-pre` skip compilation.
|
||||||
|
|
||||||
### Features
|
### Features
|
||||||
- Execute script when vue exists.
|
|
||||||
|
* Execute script when vue exists.
|
||||||
|
|
||||||
### 1.7.4
|
### 1.7.4
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Fix bugs caused by the previous version
|
|
||||||
|
* Fix bugs caused by the previous version
|
||||||
|
|
||||||
### 1.7.3
|
### 1.7.3
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Add `hr` style
|
|
||||||
- Fixed option is an empty string
|
* Add `hr` style
|
||||||
|
* Fixed option is an empty string
|
||||||
|
|
||||||
### 1.7.2
|
### 1.7.2
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Fix sidebar click event in mobile browser.
|
|
||||||
|
* Fix sidebar click event in mobile browser.
|
||||||
|
|
||||||
### 1.7.1
|
### 1.7.1
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Fix sidebar style in mobile browser.
|
|
||||||
|
* Fix sidebar style in mobile browser.
|
||||||
|
|
||||||
### 1.7.0
|
### 1.7.0
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Fixed custom cover background, fixed #52
|
|
||||||
- Fixed sticky sidebar
|
* Fixed custom cover background, fixed [#52](https://github.com/QingWei-Li/docsify/issues/52)
|
||||||
|
* Fixed sticky sidebar
|
||||||
|
|
||||||
### Features
|
### Features
|
||||||
- Add `name` and `nameLink`
|
|
||||||
|
* Add `name` and `nameLink`
|
||||||
|
|
||||||
### 1.6.1
|
### 1.6.1
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Fixed sidebar bug when the coverpage exist
|
|
||||||
|
* Fixed sidebar bug when the coverpage exist
|
||||||
|
|
||||||
### 1.6.0
|
### 1.6.0
|
||||||
|
|
||||||
#### Features
|
#### Features
|
||||||
- Improve sidebar performance. The active item is automatically scrolled in the visible view.
|
|
||||||
- New doc helper: `! `. e.g. `! content` will be rendered as `<p class="tip">content</p>`
|
* Improve sidebar performance. The active item is automatically scrolled in the visible view.
|
||||||
|
* New doc helper: `! `. e.g. `! content` will be rendered as `<p class="tip">content</p>`
|
||||||
|
|
||||||
### 1.5.2
|
### 1.5.2
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Fixed number at the beginning of the slug
|
|
||||||
|
* Fixed number at the beginning of the slug
|
||||||
|
|
||||||
### 1.5.1
|
### 1.5.1
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Remove HTML tag when handling slug
|
|
||||||
|
* Remove HTML tag when handling slug
|
||||||
|
|
||||||
### 1.5.0
|
### 1.5.0
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Fix slugify.
|
|
||||||
- Fix nav highlight.
|
* Fix slugify.
|
||||||
|
* Fix nav highlight.
|
||||||
|
|
||||||
#### Features
|
#### Features
|
||||||
- Initialize the configuration by `window.$docsify`.
|
|
||||||
- Markdown parser is configurable.
|
* Initialize the configuration by `window.$docsify`.
|
||||||
|
* Markdown parser is configurable.
|
||||||
|
|
||||||
### 1.4.3
|
### 1.4.3
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Tweak style.
|
|
||||||
|
* Tweak style.
|
||||||
|
|
||||||
### 1.4.2
|
### 1.4.2
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Fix toggle button style.
|
|
||||||
- Support `mailto`, `tel`, etc. href type
|
|
||||||
- Fix scroll to top.
|
|
||||||
|
|
||||||
|
* Fix toggle button style.
|
||||||
|
* Support `mailto`, `tel`, etc. href type
|
||||||
|
* Fix scroll to top.
|
||||||
|
|
||||||
### 1.4.1
|
### 1.4.1
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Fix generate slug.
|
|
||||||
|
* Fix generate slug.
|
||||||
|
|
||||||
### 1.4.0 Happly new year 🎉
|
### 1.4.0 Happly new year 🎉
|
||||||
|
|
||||||
#### Features
|
#### Features
|
||||||
- Display TOC in the custom sidebar, `data-sub-max-level`.
|
|
||||||
- Custom background in coverpage.
|
* Display TOC in the custom sidebar, `data-sub-max-level`.
|
||||||
|
* Custom background in coverpage.
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Fix scroll highlight when Vue exist.
|
|
||||||
|
* Fix scroll highlight when Vue exist.
|
||||||
|
|
||||||
### 1.3.5
|
### 1.3.5
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Fix vue
|
|
||||||
|
* Fix vue
|
||||||
|
|
||||||
### 1.3.4
|
### 1.3.4
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
|
|
||||||
- Supports [vuep](https://github.com/QingWei-Li/vuep)
|
* Supports [vuep](https://github.com/QingWei-Li/vuep)
|
||||||
|
|
||||||
### 1.3.3
|
### 1.3.3
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Fixed cover rendering timing
|
|
||||||
|
* Fixed cover rendering timing
|
||||||
|
|
||||||
### 1.3.2
|
### 1.3.2
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Fixed render link
|
|
||||||
|
* Fixed render link
|
||||||
|
|
||||||
### 1.3.1
|
### 1.3.1
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Fixed cover page style
|
|
||||||
- Generate the correct link when rendering the article
|
* Fixed cover page style
|
||||||
|
* Generate the correct link when rendering the article
|
||||||
|
|
||||||
### 1.3.0
|
### 1.3.0
|
||||||
|
|
||||||
#### Features
|
#### Features
|
||||||
- Add cover page
|
|
||||||
- add `<kbd>` style
|
* Add cover page
|
||||||
- headling can be cliked
|
* add `<kbd>` style
|
||||||
|
* headling can be cliked
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- sidebar highlight
|
|
||||||
|
|
||||||
|
* sidebar highlight
|
||||||
|
|
||||||
#### break change
|
#### break change
|
||||||
- Navbar no longer fixed at the top
|
|
||||||
|
* Navbar no longer fixed at the top
|
||||||
|
|
||||||
### 1.2.0
|
### 1.2.0
|
||||||
|
|
||||||
#### Features
|
#### Features
|
||||||
- custom basePath
|
|
||||||
- custom homepage
|
* custom basePath
|
||||||
|
* custom homepage
|
||||||
|
|
||||||
### 1.1.7
|
### 1.1.7
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Optimize progress bar
|
|
||||||
|
* Optimize progress bar
|
||||||
|
|
||||||
### 1.1.6
|
### 1.1.6
|
||||||
|
|
||||||
#### Features
|
#### Features
|
||||||
- Add logo 😂
|
|
||||||
|
* Add logo 😂
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Remove table background color
|
|
||||||
- Fixed highlight sidebar using chinese ids
|
* Remove table background color
|
||||||
|
* Fixed highlight sidebar using chinese ids
|
||||||
|
|
||||||
### 1.1.5
|
### 1.1.5
|
||||||
|
|
||||||
#### Features
|
#### Features
|
||||||
|
|
||||||
- Add table style
|
- Add table style
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Not fixed position of hte navbar in the mobile browser
|
|
||||||
- Correct calculation of whether the mobile browser
|
* Not fixed position of hte navbar in the mobile browser
|
||||||
|
* Correct calculation of whether the mobile browser
|
||||||
|
|
||||||
### 1.1.4
|
### 1.1.4
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Fixed chinese auchor link
|
|
||||||
|
* Fixed chinese auchor link
|
||||||
|
|
||||||
### 1.1.3
|
### 1.1.3
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Optimize progress bar again
|
|
||||||
|
* Optimize progress bar again
|
||||||
|
|
||||||
### 1.1.2
|
### 1.1.2
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- fix failed `auto2top` in mobile
|
|
||||||
|
* fix failed `auto2top` in mobile
|
||||||
|
|
||||||
|
|
||||||
### 1.1.1
|
### 1.1.1
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
|
|
||||||
- Optimize progress bar
|
- Optimize progress bar
|
||||||
|
|
||||||
### 1.1.0
|
### 1.1.0
|
||||||
|
|
||||||
#### Features
|
#### Features
|
||||||
- Add progress bar
|
|
||||||
- Add `auto2top` option for hash router
|
* Add progress bar
|
||||||
|
* Add `auto2top` option for hash router
|
||||||
|
|
||||||
### 1.0.3
|
### 1.0.3
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
|
|
||||||
- Fix cache
|
- Fix cache
|
||||||
|
|
||||||
### 1.0.2
|
### 1.0.2
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Fix binding events bug, fixed #24
|
|
||||||
- Fix regular expression, fixed #23
|
* Fix binding events bug, fixed [#24](https://github.com/QingWei-Li/docsify/issues/24)
|
||||||
|
* Fix regular expression, fixed [#23](https://github.com/QingWei-Li/docsify/issues/23)
|
||||||
|
|
||||||
### 1.0.1
|
### 1.0.1
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- `img` style
|
|
||||||
|
* `img` style
|
||||||
|
|
||||||
### 1.0.0
|
### 1.0.0
|
||||||
|
|
||||||
#### Features
|
#### Features
|
||||||
- Support hash router
|
|
||||||
|
* Support hash router
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Improved scrolling on mobile
|
|
||||||
|
* Improved scrolling on mobile
|
||||||
|
|
||||||
### 0.7.0
|
### 0.7.0
|
||||||
|
|
||||||
#### Breaking change
|
#### Breaking change
|
||||||
- `themes/` was removed, only exists in the npm package.
|
|
||||||
|
* `themes/` was removed, only exists in the npm package.
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Fix style.
|
|
||||||
- Fix sidebar animation again.
|
* Fix style.
|
||||||
|
* Fix sidebar animation again.
|
||||||
|
|
||||||
### 0.6.1
|
### 0.6.1
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- In the mobile, it should collapse the sidebar when toggle is clicked.
|
|
||||||
- Fix the dropdown list style.
|
* In the mobile, it should collapse the sidebar when toggle is clicked.
|
||||||
- Fix sidebar animation.
|
* Fix the dropdown list style.
|
||||||
|
* Fix sidebar animation.
|
||||||
|
|
||||||
### 0.6.0
|
### 0.6.0
|
||||||
|
|
||||||
#### Features
|
#### Features
|
||||||
- Navbar support dropdown list, #6
|
|
||||||
- Sidebar with toggle
|
* Navbar support dropdown list, [#6](https://github.com/QingWei-Li/docsify/issues/6)
|
||||||
|
* Sidebar with toggle
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Fix ineffective option, fixed #10
|
|
||||||
|
* Fix ineffective option, fixed [#10](https://github.com/QingWei-Li/docsify/issues/10)
|
||||||
|
|
||||||
### 0.5.0
|
### 0.5.0
|
||||||
|
|
||||||
#### Features
|
#### Features
|
||||||
- Custom sidebars and navbars by markdown file
|
|
||||||
|
* Custom sidebars and navbars by markdown file
|
||||||
|
|
||||||
### 0.4.2
|
### 0.4.2
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Correct catch ajax error
|
|
||||||
|
* Correct catch ajax error
|
||||||
|
|
||||||
### 0.4.1
|
### 0.4.1
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- catch ajax error
|
|
||||||
|
* catch ajax error
|
||||||
|
|
||||||
### 0.4.0
|
### 0.4.0
|
||||||
|
|
||||||
#### Features
|
#### Features
|
||||||
- Custom sidebar
|
|
||||||
|
* Custom sidebar
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Fix undefined language
|
|
||||||
|
* Fix undefined language
|
||||||
|
|
||||||
### 0.3.1
|
### 0.3.1
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Strip HTML tag when rendering the headings
|
|
||||||
|
* Strip HTML tag when rendering the headings
|
||||||
|
|
||||||
### 0.3.0
|
### 0.3.0
|
||||||
|
|
||||||
#### Features
|
#### Features
|
||||||
- Add minified css files
|
|
||||||
- Add max level option
|
* Add minified css files
|
||||||
- Add pure.css
|
* Add max level option
|
||||||
|
* Add pure.css
|
||||||
|
|
||||||
### 0.2.1
|
### 0.2.1
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Fix vue.css
|
|
||||||
|
* Fix vue.css
|
||||||
|
|
||||||
### 0.2.0
|
### 0.2.0
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
- Fix route
|
|
||||||
- Remove dynamic title
|
* Fix route
|
||||||
|
* Remove dynamic title
|
||||||
|
|
||||||
### 0.1.0
|
### 0.1.0
|
||||||
|
|
||||||
#### Features
|
#### Features
|
||||||
- Add buble.css
|
|
||||||
|
* Add buble.css
|
||||||
|
|||||||
@@ -15,6 +15,7 @@
|
|||||||
</p>
|
</p>
|
||||||
|
|
||||||
## Links
|
## Links
|
||||||
|
|
||||||
- [Documentation](https://docsify.js.org)
|
- [Documentation](https://docsify.js.org)
|
||||||
- [CLI](https://github.com/QingWei-Li/docsify-cli)
|
- [CLI](https://github.com/QingWei-Li/docsify-cli)
|
||||||
|
|
||||||
@@ -28,7 +29,8 @@
|
|||||||
- Compatible with IE10+
|
- Compatible with IE10+
|
||||||
|
|
||||||
## Quick start
|
## Quick start
|
||||||
Create a `index.html`.
|
|
||||||
|
Create an `index.html`.
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<!-- index.html -->
|
<!-- index.html -->
|
||||||
@@ -51,18 +53,24 @@ Create a `index.html`.
|
|||||||
Modern browsers and Internet Explorer 10+.
|
Modern browsers and Internet Explorer 10+.
|
||||||
|
|
||||||
## Showcase
|
## Showcase
|
||||||
|
|
||||||
These open-source projects are using docsify to generate their sites. Pull requests welcome :blush:
|
These open-source projects are using docsify to generate their sites. Pull requests welcome :blush:
|
||||||
|
|
||||||
- [Snipaste](https://docs.snipaste.com/) - Snip & Paste
|
| Project | Description |
|
||||||
- [puck](https://puck.zz173.com/) - A small & magical php framework.
|
|---|---|
|
||||||
- [Samaritan](http://samaritan.stockdb.org) - An Algorithmic Trading Framework for Digital Currency.
|
| [Snipaste](https://docs.snipaste.com/) | Snip & Paste |
|
||||||
- [Vudash](http://vudash.github.io/vudash/) - Powerful, Flexible, Open Source dashboards for anything
|
| [puck](https://puck.zz173.com/) | A small & magical php framework. |
|
||||||
- [Trilogy](http://trilogy.js.org) - No-hassle SQLite with a Promise-based, document store style API.
|
| [Samaritan](http://samaritan.stockdb.org) | An Algorithmic Trading Framework for Digital Currency. |
|
||||||
- [Mybatis-Plus](http://mp.baomidou.com/) - An enhanced toolkit of Mybatis to simplify development
|
| [Vudash](http://vudash.github.io/vudash/) | Powerful, Flexible, Open Source dashboards for anything |
|
||||||
|
| [Trilogy](http://trilogy.js.org) | No-hassle SQLite with a Promise-based, document store style API. |
|
||||||
|
| [Mybatis-Plus](http://mp.baomidou.com/) | An enhanced toolkit of Mybatis to simplify development |
|
||||||
|
|
||||||
## Similar projects
|
## Similar projects
|
||||||
- [docute](https://github.com/egoist/docute) - 📜 Effortlessly documentation done right
|
|
||||||
- [docpress](https://github.com/docpress/docpress) - Documentation website generator
|
| Project | Description |
|
||||||
|
|---|---|
|
||||||
|
| [docute](https://github.com/egoist/docute) | 📜 Effortlessly documentation done right |
|
||||||
|
| [docpress](https://github.com/docpress/docpress) | Documentation website generator |
|
||||||
|
|
||||||
## Contributing
|
## Contributing
|
||||||
|
|
||||||
@@ -81,4 +89,5 @@ open http://localhost:3000
|
|||||||
```
|
```
|
||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
MIT
|
MIT
|
||||||
|
|||||||
+7
-7
@@ -10,13 +10,13 @@ See the [Quick start](/quickstart) for more details.
|
|||||||
|
|
||||||
## Features
|
## Features
|
||||||
|
|
||||||
- No statically built html files
|
* No statically built html files
|
||||||
- Simple and lightweight (~16kB gzipped)
|
* Simple and lightweight (~16kB gzipped)
|
||||||
- Smart full-text search plugin
|
* Smart full-text search plugin
|
||||||
- Multiple themes
|
* Multiple themes
|
||||||
- Useful plugin API
|
* Useful plugin API
|
||||||
- Emoji support
|
* Emoji support
|
||||||
- Compatible with IE10+
|
* Compatible with IE10+
|
||||||
|
|
||||||
## Examples
|
## Examples
|
||||||
|
|
||||||
|
|||||||
+10
-10
@@ -1,8 +1,8 @@
|
|||||||
- Getting started
|
- Getting started
|
||||||
- [Quick start](/quickstart)
|
- [Quick start](/quickstart)
|
||||||
- [Writing more pages](/more-pages)
|
- [Writing more pages](/more-pages)
|
||||||
- [Custom navbar](/custom-navbar)
|
- [Custom navbar](/custom-navbar)
|
||||||
- [Cover page](/cover)
|
- [Cover page](/cover)
|
||||||
|
|
||||||
- Customization
|
- Customization
|
||||||
- [Configuration](/configuration)
|
- [Configuration](/configuration)
|
||||||
@@ -13,10 +13,10 @@
|
|||||||
- [Language highlighting](/language-highlight)
|
- [Language highlighting](/language-highlight)
|
||||||
|
|
||||||
- Guide
|
- Guide
|
||||||
- [Deploy](/deploy)
|
- [Deploy](/deploy)
|
||||||
- [Helpers](/helpers)
|
- [Helpers](/helpers)
|
||||||
- [Vue compatibility](/vue)
|
- [Vue compatibility](/vue)
|
||||||
- [CDN](/cdn)
|
- [CDN](/cdn)
|
||||||
- [Offline Mode(PWA)](/pwa)
|
- [Offline Mode(PWA)](/pwa)
|
||||||
|
|
||||||
- [Changelog](/changelog)
|
- [Changelog](/changelog)
|
||||||
|
|||||||
+10
-5
@@ -2,10 +2,8 @@
|
|||||||
|
|
||||||
Recommended: [unpkg](//unpkg.com), which will reflect the latest version as soon as it is published to npm. You can also browse the source of the npm package at [unpkg.com/docsify/](//unpkg.com/docsify/).
|
Recommended: [unpkg](//unpkg.com), which will reflect the latest version as soon as it is published to npm. You can also browse the source of the npm package at [unpkg.com/docsify/](//unpkg.com/docsify/).
|
||||||
|
|
||||||
|
|
||||||
## Latest version
|
## Latest version
|
||||||
|
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<!-- load css -->
|
<!-- load css -->
|
||||||
<link rel="stylesheet" href="//unpkg.com/docsify/themes/vue.css">
|
<link rel="stylesheet" href="//unpkg.com/docsify/themes/vue.css">
|
||||||
@@ -14,8 +12,9 @@ Recommended: [unpkg](//unpkg.com), which will reflect the latest version as soon
|
|||||||
<script src="//unpkg.com/docsify/lib/docsify.js"></script>
|
<script src="//unpkg.com/docsify/lib/docsify.js"></script>
|
||||||
```
|
```
|
||||||
|
|
||||||
## Specific version
|
Alternatively, use [compressed files](#compressed-files).
|
||||||
|
|
||||||
|
## Specific version
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<!-- load css -->
|
<!-- load css -->
|
||||||
@@ -27,7 +26,6 @@ Recommended: [unpkg](//unpkg.com), which will reflect the latest version as soon
|
|||||||
|
|
||||||
## Compressed file
|
## Compressed file
|
||||||
|
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<!-- load css -->
|
<!-- load css -->
|
||||||
<link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css">
|
<link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css">
|
||||||
@@ -36,7 +34,14 @@ Recommended: [unpkg](//unpkg.com), which will reflect the latest version as soon
|
|||||||
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
|
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
|
||||||
```
|
```
|
||||||
|
|
||||||
|
```html
|
||||||
|
<!-- load css -->
|
||||||
|
<link rel="stylesheet" href="//unpkg.com/docsify@2.0.0/lib/themes/vue.css">
|
||||||
|
|
||||||
|
<!-- load script -->
|
||||||
|
<script src="//unpkg.com/docsify@2.0.0/lib/docsify.min.js"></script>
|
||||||
|
```
|
||||||
|
|
||||||
## Other CDN
|
## Other CDN
|
||||||
|
|
||||||
[jsDelivr](http://www.jsdelivr.com/projects/docsify) is available.
|
[jsDelivr](http://www.jsdelivr.com/projects/docsify) is available.
|
||||||
|
|
||||||
|
|||||||
+17
-19
@@ -1,6 +1,6 @@
|
|||||||
# Configuration
|
# Configuration
|
||||||
|
|
||||||
docsify supports two ways to configure. You can configure the `window.$docsify` or write configuration on the script tag via `data-*` attributes.
|
**docsify** supports two different ways of configuration. You can configure the `window.$docsify` or write configuration on the script tag via `data-*` attributes.
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<!-- by $docsify -->
|
<!-- by $docsify -->
|
||||||
@@ -53,7 +53,6 @@ window.$docsify = {
|
|||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
||||||
## max-level
|
## max-level
|
||||||
|
|
||||||
- Type: `Number`
|
- Type: `Number`
|
||||||
@@ -72,7 +71,7 @@ window.$docsify = {
|
|||||||
- Type: `Boolean|String`
|
- Type: `Boolean|String`
|
||||||
- Default: `false`
|
- Default: `false`
|
||||||
|
|
||||||
Load navbar from Markdown file. If **true** it will be loaded from `_navbar.md`.
|
Loads navbar from the Markdown file `_navbar.md` if **true**, or else from the path specified.
|
||||||
|
|
||||||
```js
|
```js
|
||||||
window.$docsify = {
|
window.$docsify = {
|
||||||
@@ -89,8 +88,7 @@ window.$docsify = {
|
|||||||
- Type: `Boolean|String`
|
- Type: `Boolean|String`
|
||||||
- Default: `false`
|
- Default: `false`
|
||||||
|
|
||||||
|
Loads sidebar from the Markdown file `_sidebar.md` if **true**, or else from the path specified.
|
||||||
Load sidebar from Markdown file. If **true** it will be loaded from `_sidebar.md`.
|
|
||||||
|
|
||||||
```js
|
```js
|
||||||
window.$docsify = {
|
window.$docsify = {
|
||||||
@@ -107,7 +105,7 @@ window.$docsify = {
|
|||||||
- Type: `Number`
|
- Type: `Number`
|
||||||
- Default: `0`
|
- Default: `0`
|
||||||
|
|
||||||
Add TOC in custom sidebar.
|
Add table of contents (TOC) in custom sidebar.
|
||||||
|
|
||||||
```js
|
```js
|
||||||
window.$docsify = {
|
window.$docsify = {
|
||||||
@@ -115,13 +113,11 @@ window.$docsify = {
|
|||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
||||||
## auto2top
|
## auto2top
|
||||||
|
|
||||||
- Type: `Boolean`
|
- Type: `Boolean`
|
||||||
- Default: `false`
|
- Default: `false`
|
||||||
|
|
||||||
|
|
||||||
Scrolls to the top of the screen when the route is changed.
|
Scrolls to the top of the screen when the route is changed.
|
||||||
|
|
||||||
```js
|
```js
|
||||||
@@ -130,13 +126,11 @@ window.$docsify = {
|
|||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
||||||
## homepage
|
## homepage
|
||||||
|
|
||||||
- Type: `String`
|
- Type: `String`
|
||||||
- Default: `README.md`
|
- Default: `README.md`
|
||||||
|
|
||||||
|
|
||||||
`README.md` in your docs folder will be treated as homepage for your website, but sometimes you may need to serve another file as your homepage.
|
`README.md` in your docs folder will be treated as homepage for your website, but sometimes you may need to serve another file as your homepage.
|
||||||
|
|
||||||
```js
|
```js
|
||||||
@@ -167,7 +161,6 @@ window.$docsify = {
|
|||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
||||||
## coverpage
|
## coverpage
|
||||||
|
|
||||||
- Type: `Boolean|String`
|
- Type: `Boolean|String`
|
||||||
@@ -188,8 +181,7 @@ window.$docsify = {
|
|||||||
|
|
||||||
- Type: `String`
|
- Type: `String`
|
||||||
|
|
||||||
|
Website name as it appears in the sidebar.
|
||||||
Website name appears in the sidebar.
|
|
||||||
|
|
||||||
```js
|
```js
|
||||||
window.$docsify = {
|
window.$docsify = {
|
||||||
@@ -222,7 +214,6 @@ window.$docsify = {
|
|||||||
|
|
||||||
See [Markdown configuration](/markdown).
|
See [Markdown configuration](/markdown).
|
||||||
|
|
||||||
|
|
||||||
```js
|
```js
|
||||||
window.$docsify = {
|
window.$docsify = {
|
||||||
// object
|
// object
|
||||||
@@ -247,8 +238,7 @@ window.$docsify = {
|
|||||||
|
|
||||||
- Type: `String`
|
- Type: `String`
|
||||||
|
|
||||||
Customize the theme color.
|
Customize the theme color. Use [CSS3 variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables) feature and polyfill in old browser.
|
||||||
Use [CSS3 variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables) feature and polyfill in old browser.
|
|
||||||
|
|
||||||
```js
|
```js
|
||||||
window.$docsify = {
|
window.$docsify = {
|
||||||
@@ -260,7 +250,6 @@ window.$docsify = {
|
|||||||
|
|
||||||
- Type: `Object`
|
- Type: `Object`
|
||||||
|
|
||||||
|
|
||||||
Set the route alias. You can freely manage routing rules.
|
Set the route alias. You can freely manage routing rules.
|
||||||
|
|
||||||
```js
|
```js
|
||||||
@@ -276,7 +265,7 @@ window.$docsify = {
|
|||||||
|
|
||||||
- type: `Boolean`
|
- type: `Boolean`
|
||||||
|
|
||||||
If `loadSidebar` and `autoHeader` are both enabled, for each link in _sidebar.md, prepend a header to the page before converting it to html. [#78](https://github.com/QingWei-Li/docsify/issues/78)
|
If `loadSidebar` and `autoHeader` are both enabled, for each link in `_sidebar.md`, prepend a header to the page before converting it to html. Compare [#78](https://github.com/QingWei-Li/docsify/issues/78).
|
||||||
|
|
||||||
```js
|
```js
|
||||||
window.$docsify = {
|
window.$docsify = {
|
||||||
@@ -303,7 +292,16 @@ window.$docsify = {
|
|||||||
<script>
|
<script>
|
||||||
console.log(2333)
|
console.log(2333)
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
```
|
```
|
||||||
|
|
||||||
Note that if you are running an external script, e.g. an embedded jsfiddle demo, make sure to include the [external-script](plugins?id=external-script) plugin.
|
Note that if you are running an external script, e.g. an embedded jsfiddle demo, make sure to include the [external-script](plugins?id=external-script) plugin.
|
||||||
|
|
||||||
|
## no-emoji
|
||||||
|
|
||||||
|
Disabled emoji parse.
|
||||||
|
|
||||||
|
```js
|
||||||
|
window.$docsify = {
|
||||||
|
noEmoji: true
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|||||||
+7
-8
@@ -1,6 +1,6 @@
|
|||||||
# Cover
|
# Cover
|
||||||
|
|
||||||
Activate the cover feature by setting `coverpage` to **true**. Details are available in the [coverpage configuration paragraph](configuration#coverpage).
|
Activate the cover feature by setting `coverpage` to **true**, compare [coverpage configuration](configuration#coverpage).
|
||||||
|
|
||||||
## Basic usage
|
## Basic usage
|
||||||
|
|
||||||
@@ -14,16 +14,15 @@ Set `coverpage` to **true**, and create a `_coverpage.md`:
|
|||||||
coverpage: true
|
coverpage: true
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<script src="//unpkg.com/docsify"></script>
|
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
||||||
```markdown
|
```markdown
|
||||||
<!-- _coverpage.md -->
|
<!-- _coverpage.md -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
# docsify <small>3.0</small>
|
# docsify <small>3.5</small>
|
||||||
|
|
||||||
> A magical documentation site generator.
|
> A magical documentation site generator.
|
||||||
|
|
||||||
@@ -31,27 +30,27 @@ Set `coverpage` to **true**, and create a `_coverpage.md`:
|
|||||||
- No statically built html files
|
- No statically built html files
|
||||||
- Multiple themes
|
- Multiple themes
|
||||||
|
|
||||||
|
|
||||||
[GitHub](https://github.com/QingWei-Li/docsify/)
|
[GitHub](https://github.com/QingWei-Li/docsify/)
|
||||||
[Get Started](#docsify)
|
[Get Started](#docsify)
|
||||||
```
|
```
|
||||||
|
|
||||||
!> A document site can have only one cover page.
|
!> A document site can have only one coverpage!
|
||||||
|
|
||||||
## Custom background
|
## Custom background
|
||||||
|
|
||||||
The background color is generated randomly by default. You can customize the background color or image:
|
The background color is generated randomly by default. You can customize the background color or a background image:
|
||||||
|
|
||||||
```markdown
|
```markdown
|
||||||
<!-- _coverpage.md -->
|
<!-- _coverpage.md -->
|
||||||
|
|
||||||
# docsify
|
# docsify <small>3.5</small>
|
||||||
|
|
||||||
[GitHub](https://github.com/QingWei-Li/docsify/)
|
[GitHub](https://github.com/QingWei-Li/docsify/)
|
||||||
[Get Started](#quick-start)
|
[Get Started](#quick-start)
|
||||||
|
|
||||||
<!-- background image -->
|
<!-- background image -->
|
||||||
|
|
||||||
|
|
||||||
<!-- background color -->
|
<!-- background color -->
|
||||||
|
|
||||||
```
|
```
|
||||||
|
|||||||
+32
-8
@@ -2,7 +2,9 @@
|
|||||||
|
|
||||||
## HTML
|
## HTML
|
||||||
|
|
||||||
If you need custom navigation, you can create a HTML-based navigation bar (but note that documentation links begin with `#/`).
|
If you need custom navigation, you can create a HTML-based navigation bar.
|
||||||
|
|
||||||
|
!> Note that documentation links begin with `#/`.
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<!-- index.html -->
|
<!-- index.html -->
|
||||||
@@ -18,7 +20,7 @@ If you need custom navigation, you can create a HTML-based navigation bar (but n
|
|||||||
|
|
||||||
## Markdown
|
## Markdown
|
||||||
|
|
||||||
Alternatively, you can create a custom markdown-based navigation file by setting `loadNavbar` to **true** and creating `_navbar.md`. Details are available in the [load-navbar configuration paragraph](configuration#load-navbar).
|
Alternatively, you can create a custom markdown-based navigation file by setting `loadNavbar` to **true** and creating `_navbar.md`, compare [load-navbar configuration](configuration#load-navbar).
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<!-- index.html -->
|
<!-- index.html -->
|
||||||
@@ -28,10 +30,9 @@ Alternatively, you can create a custom markdown-based navigation file by setting
|
|||||||
loadNavbar: true
|
loadNavbar: true
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<script src="//unpkg.com/docsify"></script>
|
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
||||||
```markdown
|
```markdown
|
||||||
<!-- _navbar.md -->
|
<!-- _navbar.md -->
|
||||||
|
|
||||||
@@ -51,10 +52,10 @@ You can create sub-lists by indenting items that are under a certain parent.
|
|||||||
<!-- _navbar.md -->
|
<!-- _navbar.md -->
|
||||||
|
|
||||||
- Getting started
|
- Getting started
|
||||||
- [Quick start](/quickstart)
|
- [Quick start](/quickstart)
|
||||||
- [Writing more pages](/more-pages)
|
- [Writing more pages](/more-pages)
|
||||||
- [Custom navbar](/custom-navbar)
|
- [Custom navbar](/custom-navbar)
|
||||||
- [Cover page](/cover)
|
- [Cover page](/cover)
|
||||||
|
|
||||||
- Configuration
|
- Configuration
|
||||||
- [Configuration](/configuration)
|
- [Configuration](/configuration)
|
||||||
@@ -68,4 +69,27 @@ renders as
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## Combining custom navbars with the emoji plugin
|
||||||
|
|
||||||
|
If you use the [emoji plugin](plugins#emoji):
|
||||||
|
|
||||||
|
```html
|
||||||
|
<!-- index.html -->
|
||||||
|
|
||||||
|
<script>
|
||||||
|
window.$docsify = {
|
||||||
|
// ...
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
|
||||||
|
<script src="//unpkg.com/docsify/lib/plugins/emoji.min.js"></script>
|
||||||
|
```
|
||||||
|
|
||||||
|
you could, for example, use flag emojis in your custom navbar Markdown file:
|
||||||
|
|
||||||
|
```markdown
|
||||||
|
<!-- _navbar.md -->
|
||||||
|
|
||||||
|
- [:us:, :uk:](/)
|
||||||
|
- [:cn:](/zh-cn/)
|
||||||
|
```
|
||||||
|
|||||||
+6
-6
@@ -1,16 +1,16 @@
|
|||||||
# Deploy
|
# Deploy
|
||||||
|
|
||||||
As as GitBook, you can deploy files to GitHub Pages or VPS.
|
Similar to [GitBook](https://www.gitbook.com), you can deploy files to GitHub Pages or VPS.
|
||||||
|
|
||||||
## GitHub Pages
|
## GitHub Pages
|
||||||
|
|
||||||
There're three places to populate your docs
|
There're three places to populate your docs for your Github repository:
|
||||||
|
|
||||||
- `docs/` folder
|
* `docs/` folder
|
||||||
- master branch
|
* master branch
|
||||||
- gh-pages branch
|
* gh-pages branch
|
||||||
|
|
||||||
You can save your files in `./docs` and setting `master branch /docs folder`.
|
It is recommended that you save your files to the `./docs` subfolder of the `master` branch of your repository. Then select `master branch /docs folder` as your Github Pages source in your repositories' settings page.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
+6
-5
@@ -4,23 +4,24 @@ docsify extends Markdown syntax to make your documents more readable.
|
|||||||
|
|
||||||
## important content
|
## important content
|
||||||
|
|
||||||
Suitable for displaying important information.
|
Important content like:
|
||||||
|
|
||||||
```markdown
|
```markdown
|
||||||
!> **Time** is money, my friend!
|
!> **Time** is money, my friend!
|
||||||
```
|
```
|
||||||
|
|
||||||
!> **Time** is money, my friend!
|
is rendered as:
|
||||||
|
|
||||||
|
!> **Time** is money, my friend!
|
||||||
|
|
||||||
## General tips
|
## General tips
|
||||||
|
|
||||||
General tips.
|
General tips like:
|
||||||
|
|
||||||
|
|
||||||
```markdown
|
```markdown
|
||||||
?> *TODO* unit test
|
?> *TODO* unit test
|
||||||
```
|
```
|
||||||
|
|
||||||
?> *TODO* unit test
|
are rendered as:
|
||||||
|
|
||||||
|
?> *TODO* unit test
|
||||||
|
|||||||
@@ -1,13 +1,11 @@
|
|||||||
# language highlight
|
# language highlight
|
||||||
|
|
||||||
|
**docsify** uses [Prism](https://github.com/PrismJS/prism) to highlight code blocks in your pages. By default it only supports CSS, JavaScipt and HTML. You can make **Prism** load additional languages:
|
||||||
The code language highlight tool is [Prism](https://github.com/PrismJS/prism). Only supports CSS, JavaScipt and HTML by default. You can load its component to highlight the language you need.
|
|
||||||
|
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<script src="//unpkg.com/docsify"></script>
|
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
|
||||||
<script src="//unpkg.com/prismjs/components/prism-bash.js"></script>
|
<script src="//unpkg.com/prismjs/components/prism-bash.min.js"></script>
|
||||||
<script src="//unpkg.com/prismjs/components/prism-php.js"></script>
|
<script src="//unpkg.com/prismjs/components/prism-php.min.js"></script>
|
||||||
```
|
```
|
||||||
|
|
||||||
?> See fully supported highlight component [files list](https://github.com/PrismJS/prism/tree/gh-pages/components).
|
?> Check the [component files](https://github.com/PrismJS/prism/tree/gh-pages/components) list for more options.
|
||||||
|
|||||||
+1
-1
@@ -1,6 +1,6 @@
|
|||||||
# Markdown configuration
|
# Markdown configuration
|
||||||
|
|
||||||
The Markdown parser is [marked](https://github.com/chjj/marked). You can customize how docsify renders your Markdown content to HTML. Support customize `renderer`.
|
**docsify** uses [marked](https://github.com/chjj/marked) as its Markdown parser. You can customize how it renders your Markdown content to HTML by customizing `renderer`:
|
||||||
|
|
||||||
```js
|
```js
|
||||||
window.$docsify = {
|
window.$docsify = {
|
||||||
|
|||||||
+3
-4
@@ -16,7 +16,6 @@ For example, the directory structure is as follows:
|
|||||||
|
|
||||||
Matching routes
|
Matching routes
|
||||||
|
|
||||||
|
|
||||||
```text
|
```text
|
||||||
docs/README.md => http://domain.com
|
docs/README.md => http://domain.com
|
||||||
docs/guide.md => http://domain.com/guide
|
docs/guide.md => http://domain.com/guide
|
||||||
@@ -38,7 +37,7 @@ First, you need to set `loadSidebar` to **true**. Details are available in the [
|
|||||||
loadSidebar: true
|
loadSidebar: true
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<script src="//unpkg.com/docsify"></script>
|
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
|
||||||
```
|
```
|
||||||
|
|
||||||
Create the `_sidebar.md`:
|
Create the `_sidebar.md`:
|
||||||
@@ -56,7 +55,7 @@ Create the `_sidebar.md`:
|
|||||||
|
|
||||||
## Table of Contents
|
## Table of Contents
|
||||||
|
|
||||||
A custom sidebar can also automatically generate a table of contents by setting a `subMaxLevel`. Details are available in the [max-level configuration paragraph](configuration#sub-max-level).
|
A custom sidebar can also automatically generate a table of contents by setting a `subMaxLevel`, compare [sub-max-level configuration](configuration#sub-max-level).
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<!-- index.html -->
|
<!-- index.html -->
|
||||||
@@ -67,5 +66,5 @@ A custom sidebar can also automatically generate a table of contents by setting
|
|||||||
subMaxLevel: 2
|
subMaxLevel: 2
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<script src="//unpkg.com/docsify"></script>
|
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
|
||||||
```
|
```
|
||||||
|
|||||||
+15
-12
@@ -17,7 +17,7 @@ By default, the hyperlink on the current page is recognized and the content is s
|
|||||||
'/zh-cn/', // => /zh-cn/README.md
|
'/zh-cn/', // => /zh-cn/README.md
|
||||||
],
|
],
|
||||||
|
|
||||||
// 完整配置参数
|
// complete configuration parameters
|
||||||
search: {
|
search: {
|
||||||
maxAge: 86400000, // Expiration time, the default one day
|
maxAge: 86400000, // Expiration time, the default one day
|
||||||
paths: [], // or 'auto'
|
paths: [], // or 'auto'
|
||||||
@@ -39,11 +39,10 @@ By default, the hyperlink on the current page is recognized and the content is s
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<script src="//unpkg.com/docsify"></script>
|
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
|
||||||
<script src="//unpkg.com/docsify/lib/plugins/search.js"></script>
|
<script src="//unpkg.com/docsify/lib/plugins/search.min.js"></script>
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
||||||
## Google Analytics
|
## Google Analytics
|
||||||
|
|
||||||
Install the plugin and configure the track id.
|
Install the plugin and configure the track id.
|
||||||
@@ -54,25 +53,29 @@ Install the plugin and configure the track id.
|
|||||||
ga: 'UA-XXXXX-Y'
|
ga: 'UA-XXXXX-Y'
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<script src="//unpkg.com/docsify"></script>
|
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
|
||||||
<script src="//unpkg.com/docsify/lib/plugins/ga.js"></script>
|
<script src="//unpkg.com/docsify/lib/plugins/ga.min.js"></script>
|
||||||
```
|
```
|
||||||
|
|
||||||
Configure by `data-ga`.
|
Configure by `data-ga`.
|
||||||
|
|
||||||
|
```html
|
||||||
|
<script src="//unpkg.com/docsify/lib/docsify.min.js" data-ga="UA-XXXXX-Y"></script>
|
||||||
|
<script src="//unpkg.com/docsify/lib/plugins/ga.min.js"></script>
|
||||||
|
```
|
||||||
|
|
||||||
|
## front matter
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<script src="//unpkg.com/docsify" data-ga="UA-XXXXX-Y"></script>
|
<script src="//unpkg.com/docsify/lib/plugins/front-matter.min.js"></script>
|
||||||
<script src="//unpkg.com/docsify/lib/plugins/ga.js"></script>
|
|
||||||
```
|
```
|
||||||
|
|
||||||
## emoji
|
## emoji
|
||||||
|
|
||||||
The default is to support parsing emoji. For example `:100:` will be parsed to :100:. But it is not precise because there is no matching non-emoji string. If you need to correctly parse the emoji string, you need install this plugin.
|
The default is to support parsing emoji. For example `:100:` will be parsed to :100:. But it is not precise because there is no matching non-emoji string. If you need to correctly parse the emoji string, you need install this plugin.
|
||||||
|
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<script src="//unpkg.com/docsify/lib/plugins/emoji.js"></script>
|
<script src="//unpkg.com/docsify/lib/plugins/emoji.min.js"></script>
|
||||||
```
|
```
|
||||||
|
|
||||||
## External Script
|
## External Script
|
||||||
@@ -80,7 +83,7 @@ The default is to support parsing emoji. For example `:100:` will be parsed to :
|
|||||||
If the script on the page is an external one (imports a js file via `src` attribute), you'll need this plugin to make it work.
|
If the script on the page is an external one (imports a js file via `src` attribute), you'll need this plugin to make it work.
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<script src="//unpkg.com/docsify/lib/plugins/external-script.js"></script>
|
<script src="//unpkg.com/docsify/lib/plugins/external-script.min.js"></script>
|
||||||
```
|
```
|
||||||
|
|
||||||
## Zoom image
|
## Zoom image
|
||||||
@@ -88,5 +91,5 @@ If the script on the page is an external one (imports a js file via `src` attrib
|
|||||||
Medium's Image Zoom. Based on [zoom-image](https://github.com/egoist/zoom-image).
|
Medium's Image Zoom. Based on [zoom-image](https://github.com/egoist/zoom-image).
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<script src="//unpkg.com/docsify/lib/plugins/zoom-image.js"></script>
|
<script src="//unpkg.com/docsify/lib/plugins/zoom-image.min.js"></script>
|
||||||
```
|
```
|
||||||
|
|||||||
+5
-3
@@ -1,10 +1,12 @@
|
|||||||
# Offline Mode
|
# Offline Mode
|
||||||
|
|
||||||
[Progressive Web Apps](https://developers.google.com/web/progressive-web-apps/)(PWA) are experiences that combine the best of the web and the best of apps. we can enhance our website with service workers to work **offline** or on low-quality networks.
|
[Progressive Web Apps](https://developers.google.com/web/progressive-web-apps/) (PWA) are experiences that combine the best of the web with the best of apps. We can enhance our website with service workers to work **offline** or on low-quality networks.
|
||||||
|
|
||||||
It is also very easy to use it.
|
It is also very easy to use it.
|
||||||
|
|
||||||
## Create serviceWorker
|
## Create serviceWorker
|
||||||
Create a sw.js file in your documents root directory and copy this code.
|
|
||||||
|
Create a `sw.js` file in your documents root directory and copy the following code:
|
||||||
|
|
||||||
*sw.js*
|
*sw.js*
|
||||||
|
|
||||||
@@ -96,7 +98,7 @@ self.addEventListener('fetch', event => {
|
|||||||
|
|
||||||
## Register
|
## Register
|
||||||
|
|
||||||
Now, register it in your `index.html`. It only works on some modern browsers, so we need to judge.
|
Now, register it in your `index.html`. It only works on some modern browsers, so we need to judge:
|
||||||
|
|
||||||
*index.html*
|
*index.html*
|
||||||
|
|
||||||
|
|||||||
+10
-10
@@ -8,7 +8,7 @@ npm i docsify-cli -g
|
|||||||
|
|
||||||
## Initialize
|
## Initialize
|
||||||
|
|
||||||
If you want to write the documentation in the `./docs` directory, you can use the `init` command.
|
If you want to write the documentation in the `./docs` subdirectory, you can use the `init` command.
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
docsify init ./docs
|
docsify init ./docs
|
||||||
@@ -16,20 +16,18 @@ docsify init ./docs
|
|||||||
|
|
||||||
## Writing content
|
## Writing content
|
||||||
|
|
||||||
After the init is complete, you can see the file list in the docs directory.
|
After the `init` is complete, you can see the file list in the `./docs` subdirectory.
|
||||||
|
|
||||||
|
* `index.html` as the entry file
|
||||||
|
* `README.md` as the home page
|
||||||
|
* `.nojekyll` prevents GitHub Pages from ignoring files that begin with an underscore
|
||||||
|
|
||||||
- `index.html` as the entry file
|
You can easily update the documentation in `./docs/README.md`, of course you can add [more pages](more-pages).
|
||||||
- `README.md` as the home page
|
|
||||||
- `.nojekyll` prevents GitHub Pages from ignoring files that begin with an underscore
|
|
||||||
|
|
||||||
You can easily update the documentation in `docs/README.md`, of course you can add [more pages](more-pages).
|
|
||||||
|
|
||||||
## Preview your site
|
## Preview your site
|
||||||
|
|
||||||
Run the local server with `docsify serve`. You can preview your site in your browser on `http://localhost:3000`.
|
Run the local server with `docsify serve`. You can preview your site in your browser on `http://localhost:3000`.
|
||||||
|
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
docsify serve docs
|
docsify serve docs
|
||||||
```
|
```
|
||||||
@@ -38,7 +36,7 @@ docsify serve docs
|
|||||||
|
|
||||||
## Manual initialization
|
## Manual initialization
|
||||||
|
|
||||||
If you don't like npm or have trouble installing the tool, you can manually create `index.html`:
|
If you don't like `npm` or have trouble installing the tool, you can manually create `index.html`:
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<!-- index.html -->
|
<!-- index.html -->
|
||||||
@@ -52,7 +50,7 @@ If you don't like npm or have trouble installing the tool, you can manually crea
|
|||||||
<body>
|
<body>
|
||||||
<div id="app"></div>
|
<div id="app"></div>
|
||||||
</body>
|
</body>
|
||||||
<script src="//unpkg.com/docsify"></script>
|
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
|
||||||
</html>
|
</html>
|
||||||
```
|
```
|
||||||
|
|
||||||
@@ -85,3 +83,5 @@ You should set the `data-app` attribute if you changed `el`:
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
```
|
```
|
||||||
|
|
||||||
|
Compare [el configuration](/configuration#el).
|
||||||
|
|||||||
@@ -9,6 +9,7 @@
|
|||||||
const RUNTIME = 'docsify'
|
const RUNTIME = 'docsify'
|
||||||
const HOSTNAME_WHITELIST = [
|
const HOSTNAME_WHITELIST = [
|
||||||
self.location.hostname,
|
self.location.hostname,
|
||||||
|
'raw.githubusercontent.com',
|
||||||
'fonts.gstatic.com',
|
'fonts.gstatic.com',
|
||||||
'fonts.googleapis.com',
|
'fonts.googleapis.com',
|
||||||
'unpkg.com'
|
'unpkg.com'
|
||||||
|
|||||||
+14
-9
@@ -2,35 +2,40 @@
|
|||||||
|
|
||||||
There are currently three themes available. Copy [Vue](//vuejs.org) and [buble](//buble.surge.sh) website custom theme and [@liril-net](https://github.com/liril-net) contribution to the theme of the black style.
|
There are currently three themes available. Copy [Vue](//vuejs.org) and [buble](//buble.surge.sh) website custom theme and [@liril-net](https://github.com/liril-net) contribution to the theme of the black style.
|
||||||
|
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<link rel="stylesheet" href="//unpkg.com/docsify/themes/vue.css">
|
<link rel="stylesheet" href="//unpkg.com/docsify/themes/vue.css">
|
||||||
<link rel="stylesheet" href="//unpkg.com/docsify/themes/buble.css">
|
<link rel="stylesheet" href="//unpkg.com/docsify/themes/buble.css">
|
||||||
<link rel="stylesheet" href="//unpkg.com/docsify/themes/dark.css">
|
<link rel="stylesheet" href="//unpkg.com/docsify/themes/dark.css">
|
||||||
```
|
```
|
||||||
|
|
||||||
!> This compressed files in `/lib/themes/`.
|
!> Compressed files are available in `/lib/themes/`.
|
||||||
|
|
||||||
If you have any ideas or would like to develop new theme, welcome submit [PR](https://github.com/QingWei-Li/docsify/pulls).
|
```html
|
||||||
|
<!-- compressed -->
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css">
|
||||||
|
<link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/buble.css">
|
||||||
|
<link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/dark.css">
|
||||||
|
```
|
||||||
|
|
||||||
|
If you have any ideas or would like to develop a new theme, you are welcome to submit a [pull request](https://github.com/QingWei-Li/docsify/pulls).
|
||||||
|
|
||||||
#### Click to preview
|
#### Click to preview
|
||||||
|
|
||||||
|
|
||||||
<div class="demo-theme-preview">
|
<div class="demo-theme-preview">
|
||||||
<a data-theme="vue">vue.css</a>
|
<a data-theme="vue">vue.css</a>
|
||||||
<a data-theme="buble">buble.css</a>
|
<a data-theme="buble">buble.css</a>
|
||||||
<a data-theme="dark">dark.css</a>
|
<a data-theme="dark">dark.css</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.demo-theme-preview a {
|
.demo-theme-preview a {
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.demo-theme-preview a:hover {
|
.demo-theme-preview a:hover {
|
||||||
text-decoration: underline;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|||||||
+18
-8
@@ -1,19 +1,21 @@
|
|||||||
# Compatible with Vue
|
# Compatible with Vue
|
||||||
|
|
||||||
You can write Vue components directly in the Markdown file, and it will be parsed.
|
You can write Vue components directly in the Markdown file, and it will be parsed. You can use this feature to write vue demo and documentation together.
|
||||||
You can use this feature to write vue demo and documentation together.
|
|
||||||
|
|
||||||
## Basic usage
|
## Basic usage
|
||||||
|
|
||||||
Load the Vue in `index.html`.
|
Load the Vue in `./index.html`.
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<script src="//unpkg.com/vue"></script>
|
<script src="//unpkg.com/vue"></script>
|
||||||
<script src="//unpkg.com/docsify"></script>
|
<script src="//unpkg.com/docsify"></script>
|
||||||
|
|
||||||
|
<!-- or use the compressed files -->
|
||||||
|
<script src="//unpkg.com/vue/dist/vue.min.js"></script>
|
||||||
|
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
|
||||||
```
|
```
|
||||||
|
|
||||||
Then you can immediately write Vue code at Markdown file.
|
Then you can immediately write Vue code at Markdown file. `new Vue({ el: '#main' })` script is executed by default to create instance.
|
||||||
`new Vue({ el: '#main' })` script is executed by default to create instance.
|
|
||||||
|
|
||||||
*README.md*
|
*README.md*
|
||||||
|
|
||||||
@@ -59,9 +61,18 @@ You can manually initialize a Vue instance.
|
|||||||
*index.html*
|
*index.html*
|
||||||
|
|
||||||
```html
|
```html
|
||||||
|
<!-- inject css file -->
|
||||||
|
<link rel="stylesheet" href="//unpkg.com/vuep/dist/vuep.css">
|
||||||
|
|
||||||
|
<!-- inject javascript file -->
|
||||||
<script src="//unpkg.com/vue"></script>
|
<script src="//unpkg.com/vue"></script>
|
||||||
<script src="//unpkg.com/vuep"></script>
|
<script src="//unpkg.com/vuep"></script>
|
||||||
<script src="//unpkg.com/docsify"></script>
|
<script src="//unpkg.com/docsify"></script>
|
||||||
|
|
||||||
|
<!-- or use the compressed files -->
|
||||||
|
<script src="//unpkg.com/vue/dist/vue.min.js"></script>
|
||||||
|
<script src="//unpkg.com/vuep/dist/vuep.min.js"></script>
|
||||||
|
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
|
||||||
```
|
```
|
||||||
|
|
||||||
*README.md*
|
*README.md*
|
||||||
@@ -70,7 +81,7 @@ You can manually initialize a Vue instance.
|
|||||||
|
|
||||||
<vuep template="#example"></vuep>
|
<vuep template="#example"></vuep>
|
||||||
|
|
||||||
<script type="text/x-template" id="example">
|
<script v-pre type="text/x-template" id="example">
|
||||||
<template>
|
<template>
|
||||||
<div>Hello, {{ name }}!</div>
|
<div>Hello, {{ name }}!</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -85,5 +96,4 @@ You can manually initialize a Vue instance.
|
|||||||
</script>
|
</script>
|
||||||
```
|
```
|
||||||
|
|
||||||
?> Example Refer to the vuep [documentation](https://qingwei-li.github.io/vuep/).
|
?> Example Refer to the [vuep documentation](https://qingwei-li.github.io/vuep/).
|
||||||
|
|
||||||
|
|||||||
@@ -1,7 +1,6 @@
|
|||||||
# Write a plugin
|
# Write a plugin
|
||||||
|
|
||||||
A plugin is simply a function that takes `hook` as arguments.
|
A plugin is simply a function that takes `hook` as an argument. The hook supports handling of asynchronous tasks.
|
||||||
The hook supports handling asynchronous tasks.
|
|
||||||
|
|
||||||
## Full configuration
|
## Full configuration
|
||||||
|
|
||||||
@@ -68,4 +67,4 @@ window.$docsify = {
|
|||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
- 入门
|
- 入门
|
||||||
- [快速开始](zh-cn/quickstart)
|
- [快速开始](zh-cn/quickstart)
|
||||||
- [多页文档](zh-cn/more-pages)
|
- [多页文档](zh-cn/more-pages)
|
||||||
- [定制导航栏](zh-cn/custom-navbar)
|
- [定制导航栏](zh-cn/custom-navbar)
|
||||||
- [封面](zh-cn/cover)
|
- [封面](zh-cn/cover)
|
||||||
|
|
||||||
- 定制化
|
- 定制化
|
||||||
- [配置项](zh-cn/configuration)
|
- [配置项](zh-cn/configuration)
|
||||||
@@ -19,4 +19,4 @@
|
|||||||
- [CDN](zh-cn/cdn)
|
- [CDN](zh-cn/cdn)
|
||||||
- [离线模式(PWA)](zh-cn/pwa)
|
- [离线模式(PWA)](zh-cn/pwa)
|
||||||
|
|
||||||
- [Changelog](zh-cn/changelog)
|
- [Changelog](zh-cn/changelog)
|
||||||
|
|||||||
@@ -305,3 +305,13 @@ window.$docsify = {
|
|||||||
```
|
```
|
||||||
|
|
||||||
注意如果执行的是一个外链脚本，比如 jsfiddle 的内嵌 demo，请确保引入 [external-script](zh-cn/plugins?id=外链脚本-external-script) 插件。
|
注意如果执行的是一个外链脚本，比如 jsfiddle 的内嵌 demo，请确保引入 [external-script](zh-cn/plugins?id=外链脚本-external-script) 插件。
|
||||||
|
|
||||||
|
## no-emoji
|
||||||
|
|
||||||
|
禁用 emoji 解析。
|
||||||
|
|
||||||
|
```js
|
||||||
|
window.$docsify = {
|
||||||
|
noEmoji: true
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|||||||
+26
-1
@@ -58,9 +58,18 @@
|
|||||||
*index.html*
|
*index.html*
|
||||||
|
|
||||||
```html
|
```html
|
||||||
|
<!-- inject css file -->
|
||||||
|
<link rel="stylesheet" href="//unpkg.com/vuep/dist/vuep.css">
|
||||||
|
|
||||||
|
<!-- inject javascript file -->
|
||||||
<script src="//unpkg.com/vue"></script>
|
<script src="//unpkg.com/vue"></script>
|
||||||
<script src="//unpkg.com/vuep"></script>
|
<script src="//unpkg.com/vuep"></script>
|
||||||
<script src="//unpkg.com/docsify"></script>
|
<script src="//unpkg.com/docsify"></script>
|
||||||
|
|
||||||
|
<!-- or use the compressed files -->
|
||||||
|
<script src="//unpkg.com/vue/dist/vue.min.js"></script>
|
||||||
|
<script src="//unpkg.com/vuep/dist/vuep.min.js"></script>
|
||||||
|
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
|
||||||
```
|
```
|
||||||
|
|
||||||
*README.md*
|
*README.md*
|
||||||
@@ -69,7 +78,7 @@
|
|||||||
|
|
||||||
<vuep template="#example"></vuep>
|
<vuep template="#example"></vuep>
|
||||||
|
|
||||||
<script type="text/x-template" id="example">
|
<script v-pre type="text/x-template" id="example">
|
||||||
<template>
|
<template>
|
||||||
<div>Hello, {{ name }}!</div>
|
<div>Hello, {{ name }}!</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -84,4 +93,20 @@
|
|||||||
</script>
|
</script>
|
||||||
```
|
```
|
||||||
|
|
||||||
|
<vuep template="#example"></vuep>
|
||||||
|
|
||||||
|
<script v-pre type="text/x-template" id="example">
|
||||||
|
<template>
|
||||||
|
<div>Hello, {{ name }}!</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
module.exports = {
|
||||||
|
data: function () {
|
||||||
|
return { name: 'Vue' }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</script>
|
||||||
|
|
||||||
?> 具体效果参考 [Vuep 文档](https://qingwei-li.github.io/vuep/)。
|
?> 具体效果参考 [Vuep 文档](https://qingwei-li.github.io/vuep/)。
|
||||||
|
|||||||
+5
-1
@@ -75,6 +75,7 @@ var config = merge({
|
|||||||
nameLink: window.location.pathname,
|
nameLink: window.location.pathname,
|
||||||
autoHeader: false,
|
autoHeader: false,
|
||||||
executeScript: null,
|
executeScript: null,
|
||||||
|
noEmoji: false,
|
||||||
ga: ''
|
ga: ''
|
||||||
}, window.$docsify);
|
}, window.$docsify);
|
||||||
|
|
||||||
@@ -161,6 +162,9 @@ function getNode (el, noCache) {
|
|||||||
if ( noCache === void 0 ) noCache = false;
|
if ( noCache === void 0 ) noCache = false;
|
||||||
|
|
||||||
if (typeof el === 'string') {
|
if (typeof el === 'string') {
|
||||||
|
if (typeof window.Vue !== 'undefined') {
|
||||||
|
return find(el)
|
||||||
|
}
|
||||||
el = noCache ? find(el) : (cacheNode[el] || (cacheNode[el] = find(el)));
|
el = noCache ? find(el) : (cacheNode[el] || (cacheNode[el] = find(el)));
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -2935,7 +2939,7 @@ function replace (m, $1) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function emojify (text) {
|
function emojify (text) {
|
||||||
return text
|
return $docsify.noEmoji ? text : text
|
||||||
.replace(/<(pre|template|code)[^>]*?>[\s\S]+?<\/(pre|template|code)>/g, function (m) { return m.replace(/:/g, '__colon__'); })
|
.replace(/<(pre|template|code)[^>]*?>[\s\S]+?<\/(pre|template|code)>/g, function (m) { return m.replace(/:/g, '__colon__'); })
|
||||||
.replace(/:(\w+?):/ig, window.emojify || replace)
|
.replace(/:(\w+?):/ig, window.emojify || replace)
|
||||||
.replace(/__colon__/g, ':')
|
.replace(/__colon__/g, ':')
|
||||||
|
|||||||
Vendored
+2
-2
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+1
-1
File diff suppressed because one or more lines are too long
+1
-1
File diff suppressed because one or more lines are too long
+1
-1
File diff suppressed because one or more lines are too long
+1
-1
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "docsify",
|
"name": "docsify",
|
||||||
"version": "3.4.0",
|
"version": "3.4.2",
|
||||||
"description": "A magical documentation generator.",
|
"description": "A magical documentation generator.",
|
||||||
"main": "lib/docsify.js",
|
"main": "lib/docsify.js",
|
||||||
"files": [
|
"files": [
|
||||||
|
|||||||
@@ -16,6 +16,7 @@ const config = merge({
|
|||||||
nameLink: window.location.pathname,
|
nameLink: window.location.pathname,
|
||||||
autoHeader: false,
|
autoHeader: false,
|
||||||
executeScript: null,
|
executeScript: null,
|
||||||
|
noEmoji: false,
|
||||||
ga: ''
|
ga: ''
|
||||||
}, window.$docsify)
|
}, window.$docsify)
|
||||||
|
|
||||||
|
|||||||
@@ -3,7 +3,7 @@ function replace (m, $1) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export function emojify (text) {
|
export function emojify (text) {
|
||||||
return text
|
return $docsify.noEmoji ? text : text
|
||||||
.replace(/<(pre|template|code)[^>]*?>[\s\S]+?<\/(pre|template|code)>/g, m => m.replace(/:/g, '__colon__'))
|
.replace(/<(pre|template|code)[^>]*?>[\s\S]+?<\/(pre|template|code)>/g, m => m.replace(/:/g, '__colon__'))
|
||||||
.replace(/:(\w+?):/ig, window.emojify || replace)
|
.replace(/:(\w+?):/ig, window.emojify || replace)
|
||||||
.replace(/__colon__/g, ':')
|
.replace(/__colon__/g, ':')
|
||||||
|
|||||||
@@ -10,6 +10,9 @@ const cacheNode = {}
|
|||||||
*/
|
*/
|
||||||
export function getNode (el, noCache = false) {
|
export function getNode (el, noCache = false) {
|
||||||
if (typeof el === 'string') {
|
if (typeof el === 'string') {
|
||||||
|
if (typeof window.Vue !== 'undefined') {
|
||||||
|
return find(el)
|
||||||
|
}
|
||||||
el = noCache ? find(el) : (cacheNode[el] || (cacheNode[el] = find(el)))
|
el = noCache ? find(el) : (cacheNode[el] || (cacheNode[el] = find(el)))
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -11,16 +11,16 @@ section.cover {
|
|||||||
}
|
}
|
||||||
|
|
||||||
&.has-mask .mask {
|
&.has-mask .mask {
|
||||||
position: absolute;
|
|
||||||
size: 100%;
|
|
||||||
background-color: $color-bg;
|
background-color: $color-bg;
|
||||||
opacity: .8;
|
opacity: .8;
|
||||||
|
position: absolute;
|
||||||
|
size: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cover-main {
|
.cover-main {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
text-align: center;
|
|
||||||
margin: -20px 16px 0;
|
margin: -20px 16px 0;
|
||||||
|
text-align: center;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -34,65 +34,65 @@ section.cover {
|
|||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin: 1em 0;
|
|
||||||
line-height: 1.5rem;
|
line-height: 1.5rem;
|
||||||
|
margin: 1em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
text-align: center;
|
|
||||||
font-size: 2.5rem;
|
|
||||||
position: relative;
|
|
||||||
margin: .625rem 0 2.5rem;
|
|
||||||
font-weight: 300;
|
|
||||||
color: inherit;
|
color: inherit;
|
||||||
|
font-size: 2.5rem;
|
||||||
|
font-weight: 300;
|
||||||
|
margin: .625rem 0 2.5rem;
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
small {
|
small {
|
||||||
position: absolute;
|
|
||||||
bottom: -.4375rem;
|
bottom: -.4375rem;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
|
position: absolute;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
blockquote {
|
blockquote {
|
||||||
text-align: center;
|
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
max-width: 500px;
|
line-height: 1.8;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
margin: 1em auto;
|
margin: 1em auto;
|
||||||
|
max-width: 500px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
line-height: 1.8;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.cover-main > p:last-child a {
|
.cover-main > p:last-child a {
|
||||||
border-radius: 2em;
|
|
||||||
border-width: 1px;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: var(--theme-color, $color-primary);
|
border-color: var(--theme-color, $color-primary);
|
||||||
|
border-radius: 2em;
|
||||||
|
border-style: solid;
|
||||||
|
border-width: 1px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
color: var(--theme-color, $color-primary);
|
color: var(--theme-color, $color-primary);
|
||||||
|
display: inline-block;
|
||||||
font-size: 1.05em;
|
font-size: 1.05em;
|
||||||
letter-spacing: 0.1em;
|
letter-spacing: 0.1em;
|
||||||
|
margin-right: 1em;
|
||||||
padding: 0.75em 2em;
|
padding: 0.75em 2em;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: all 0.15s ease;
|
transition: all 0.15s ease;
|
||||||
margin-right: 1em;
|
|
||||||
display: inline-block;
|
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
margin-right: 0;
|
|
||||||
background-color: var(--theme-color, $color-primary);
|
background-color: var(--theme-color, $color-primary);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
margin-right: 0;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
opacity: .8;
|
|
||||||
color: inherit;
|
color: inherit;
|
||||||
|
opacity: .8;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
* {
|
* {
|
||||||
box-sizing: border-box;
|
-webkit-font-smoothing: antialiased;
|
||||||
-webkit-overflow-scrolling: touch;
|
-webkit-overflow-scrolling: touch;
|
||||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||||
-webkit-text-size-adjust: none;
|
-webkit-text-size-adjust: none;
|
||||||
-webkit-touch-callout: none;
|
-webkit-touch-callout: none;
|
||||||
-webkit-font-smoothing: antialiased;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
body:not(.ready) {
|
body:not(.ready) {
|
||||||
@@ -16,10 +16,10 @@ body:not(.ready) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
div#app {
|
div#app {
|
||||||
text-align: center;
|
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
font-weight: lighter;
|
font-weight: lighter;
|
||||||
margin: 40vh auto;
|
margin: 40vh auto;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
&:empty::before {
|
&:empty::before {
|
||||||
content: "Loading...";
|
content: "Loading...";
|
||||||
@@ -59,12 +59,12 @@ html, body {
|
|||||||
body {
|
body {
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
|
color: $color-text;
|
||||||
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
|
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
letter-spacing: 0;
|
letter-spacing: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
color: $color-text;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
@@ -72,24 +72,24 @@ img {
|
|||||||
}
|
}
|
||||||
|
|
||||||
kbd {
|
kbd {
|
||||||
display: inline-block;
|
|
||||||
padding: 3px 5px;
|
|
||||||
margin-bottom : 3px;
|
|
||||||
font-size: 12px !important;
|
|
||||||
line-height: 12px;
|
|
||||||
vertical-align: middle;
|
|
||||||
border: solid 1px #ccc;
|
border: solid 1px #ccc;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 12px !important;
|
||||||
|
line-height: 12px;
|
||||||
|
margin-bottom : 3px;
|
||||||
|
padding: 3px 5px;
|
||||||
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* navbar */
|
/* navbar */
|
||||||
nav.app-nav {
|
nav.app-nav {
|
||||||
|
left: 0;
|
||||||
|
margin: 25px 60px 0 0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0;
|
right: 0;
|
||||||
left: 0;
|
|
||||||
z-index: 10;
|
|
||||||
margin: 25px 60px 0 0;
|
|
||||||
text-align: right;
|
text-align: right;
|
||||||
|
z-index: 10;
|
||||||
|
|
||||||
&.no-badge {
|
&.no-badge {
|
||||||
margin-right: 25px;
|
margin-right: 25px;
|
||||||
@@ -105,15 +105,15 @@ nav.app-nav {
|
|||||||
}
|
}
|
||||||
|
|
||||||
ul, li {
|
ul, li {
|
||||||
list-style: none;
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
list-style: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
color: inherit;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: inherit;
|
|
||||||
transition: color .3s;
|
transition: color .3s;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
@@ -121,41 +121,41 @@ nav.app-nav {
|
|||||||
}
|
}
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
color: var(--theme-color, $color-primary);
|
|
||||||
border-bottom: 2px solid var(--theme-color, $color-primary);
|
border-bottom: 2px solid var(--theme-color, $color-primary);
|
||||||
|
color: var(--theme-color, $color-primary);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* navbar dropdown */
|
/* navbar dropdown */
|
||||||
li {
|
li {
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 0 1em;
|
margin: 0 1em;
|
||||||
padding: 5px 0;
|
padding: 5px 0;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
display: none;
|
|
||||||
box-sizing: border-box;
|
|
||||||
max-height: calc(100vh - 61px);
|
|
||||||
overflow-y: scroll;
|
|
||||||
position: absolute;
|
|
||||||
top: 100%;
|
|
||||||
right: -15px;
|
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
padding: 10px 0;
|
|
||||||
border: 1px solid #ddd;
|
border: 1px solid #ddd;
|
||||||
border-bottom-color: #ccc;
|
border-bottom-color: #ccc;
|
||||||
text-align: left;
|
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
display: none;
|
||||||
|
max-height: calc(100vh - 61px);
|
||||||
|
overflow-y: scroll;
|
||||||
|
padding: 10px 0;
|
||||||
|
position: absolute;
|
||||||
|
right: -15px;
|
||||||
|
text-align: left;
|
||||||
|
top: 100%;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|
||||||
li {
|
li {
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
line-height: 1em;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin: 8px 14px;
|
margin: 8px 14px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
line-height: 1em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
@@ -178,12 +178,12 @@ nav.app-nav {
|
|||||||
|
|
||||||
/* github corner */
|
/* github corner */
|
||||||
.github-corner {
|
.github-corner {
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
z-index: 1;
|
|
||||||
text-decoration: none;
|
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
|
position: fixed;
|
||||||
|
right: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
top: 0;
|
||||||
|
z-index: 1;
|
||||||
|
|
||||||
&:hover .octo-arm {
|
&:hover .octo-arm {
|
||||||
animation:octocat-wave 560ms ease-in-out;
|
animation:octocat-wave 560ms ease-in-out;
|
||||||
@@ -191,23 +191,23 @@ nav.app-nav {
|
|||||||
|
|
||||||
svg {
|
svg {
|
||||||
color: $color-bg;
|
color: $color-bg;
|
||||||
|
fill: var(--theme-color, $color-primary);
|
||||||
height: 80px;
|
height: 80px;
|
||||||
width: 80px;
|
width: 80px;
|
||||||
fill: var(--theme-color, $color-primary);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* main */
|
/* main */
|
||||||
main {
|
main {
|
||||||
display: block;
|
display: block;
|
||||||
size: 100vw 100%;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
|
size: 100vw 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.anchor {
|
.anchor {
|
||||||
|
display: inline-block;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: all .3s;
|
transition: all .3s;
|
||||||
display: inline-block;
|
|
||||||
|
|
||||||
span {
|
span {
|
||||||
color: $color-text;
|
color: $color-text;
|
||||||
@@ -220,19 +220,19 @@ main {
|
|||||||
|
|
||||||
/* sidebar */
|
/* sidebar */
|
||||||
.sidebar {
|
.sidebar {
|
||||||
|
border-right: 1px solid rgba(0, 0, 0, .07);
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
padding: 40px 0;
|
padding: 40px 0;
|
||||||
position: absolute 0 * 0 0;
|
position: absolute 0 * 0 0;
|
||||||
transition: transform 250ms ease-out;
|
transition: transform 250ms ease-out;
|
||||||
width: $sidebar-width;
|
width: $sidebar-width;
|
||||||
z-index: 20;
|
z-index: 20;
|
||||||
border-right: 1px solid rgba(0, 0, 0, .07);
|
|
||||||
|
|
||||||
> h1 {
|
> h1 {
|
||||||
text-align: center;
|
|
||||||
margin: 0 auto 1em;
|
margin: 0 auto 1em;
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
@@ -255,8 +255,8 @@ main {
|
|||||||
}
|
}
|
||||||
|
|
||||||
ul li a {
|
ul li a {
|
||||||
display: block;
|
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul li ul {
|
ul li ul {
|
||||||
@@ -284,17 +284,17 @@ main {
|
|||||||
/* sidebar toggle */
|
/* sidebar toggle */
|
||||||
.sidebar-toggle {
|
.sidebar-toggle {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
background-color: rgba($color-bg, .8);
|
||||||
border: 0;
|
border: 0;
|
||||||
outline: none;
|
outline: none;
|
||||||
|
outline: none;
|
||||||
|
padding: 10px;
|
||||||
position: absolute * * 0 0;
|
position: absolute * * 0 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
transition: opacity .3s;
|
transition: opacity .3s;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
z-index: 30;
|
|
||||||
outline: none;
|
|
||||||
width: calc($sidebar-width - 16px);
|
width: calc($sidebar-width - 16px);
|
||||||
padding: 10px;
|
z-index: 30;
|
||||||
background-color: rgba($color-bg, .8);
|
|
||||||
|
|
||||||
.sidebar-toggle-button:hover {
|
.sidebar-toggle-button:hover {
|
||||||
opacity: .4;
|
opacity: .4;
|
||||||
@@ -303,8 +303,8 @@ main {
|
|||||||
span {
|
span {
|
||||||
background-color: var(--theme-color, $color-primary);
|
background-color: var(--theme-color, $color-primary);
|
||||||
display: block;
|
display: block;
|
||||||
size: 16px 2px;
|
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
|
size: 16px 2px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -316,17 +316,17 @@ body.sticky {
|
|||||||
|
|
||||||
/* main content */
|
/* main content */
|
||||||
.content {
|
.content {
|
||||||
position: absolute 0 0 0 $sidebar-width;
|
|
||||||
padding-top: 20px;
|
padding-top: 20px;
|
||||||
|
position: absolute 0 0 0 $sidebar-width;
|
||||||
transition: left 250ms ease;
|
transition: left 250ms ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* markdown content found on pages */
|
/* markdown content found on pages */
|
||||||
.markdown-section {
|
.markdown-section {
|
||||||
position: relative;
|
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
max-width: 800px;
|
max-width: 800px;
|
||||||
padding: 20px 15px 40px 15px;
|
padding: 20px 15px 40px 15px;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
> * {
|
> * {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
@@ -340,28 +340,28 @@ body.sticky {
|
|||||||
|
|
||||||
.markdown-section hr {
|
.markdown-section hr {
|
||||||
border: none;
|
border: none;
|
||||||
margin: 2em 0;
|
|
||||||
border-bottom: 1px solid #eee;
|
border-bottom: 1px solid #eee;
|
||||||
|
margin: 2em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section table {
|
.markdown-section table {
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
overflow: auto;
|
|
||||||
border-spacing: 0;
|
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0;
|
||||||
|
display: block;
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
|
overflow: auto;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section th {
|
.markdown-section th {
|
||||||
|
border: 1px solid #ddd;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
padding: 6px 13px;
|
padding: 6px 13px;
|
||||||
border: 1px solid #ddd;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section td {
|
.markdown-section td {
|
||||||
padding: 6px 13px;
|
|
||||||
border: 1px solid #ddd;
|
border: 1px solid #ddd;
|
||||||
|
padding: 6px 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section tr {
|
.markdown-section tr {
|
||||||
@@ -372,28 +372,28 @@ body.sticky {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section p.tip {
|
.markdown-section p.tip {
|
||||||
padding: 12px 24px 12px 30px;
|
|
||||||
margin: 2em 0;
|
|
||||||
border-left: 4px solid #f66;
|
|
||||||
background-color: #f8f8f8;
|
background-color: #f8f8f8;
|
||||||
position: relative;
|
|
||||||
border-bottom-right-radius: 2px;
|
border-bottom-right-radius: 2px;
|
||||||
|
border-left: 4px solid #f66;
|
||||||
border-top-right-radius: 2px;
|
border-top-right-radius: 2px;
|
||||||
|
margin: 2em 0;
|
||||||
|
padding: 12px 24px 12px 30px;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
position: absolute;
|
|
||||||
top: 14px;
|
|
||||||
left: -12px;
|
|
||||||
background-color: #f66;
|
background-color: #f66;
|
||||||
|
border-radius: 100%;
|
||||||
color: $color-bg;
|
color: $color-bg;
|
||||||
content: "!";
|
content: "!";
|
||||||
size: 20px;
|
|
||||||
border-radius: 100%;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 20px;
|
|
||||||
font-weight: bold;
|
|
||||||
font-family: 'Dosis', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
|
font-family: 'Dosis', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
left: -12px;
|
||||||
|
line-height: 20px;
|
||||||
|
position: absolute;
|
||||||
|
size: 20px;
|
||||||
|
text-align: center;
|
||||||
|
top: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
code {
|
code {
|
||||||
@@ -406,9 +406,9 @@ body.sticky {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section p.warn {
|
.markdown-section p.warn {
|
||||||
padding: 1em;
|
|
||||||
background: rgba($color-primary, 0.1);
|
background: rgba($color-primary, 0.1);
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
|
padding: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
body.close {
|
body.close {
|
||||||
@@ -460,8 +460,8 @@ body.close {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-toggle {
|
.sidebar-toggle {
|
||||||
width: auto;
|
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
width: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
body.close {
|
body.close {
|
||||||
@@ -470,9 +470,9 @@ body.close {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-toggle {
|
.sidebar-toggle {
|
||||||
width: calc($sidebar-width - 16px);
|
|
||||||
background-color: rgba($color-bg, .8);
|
background-color: rgba($color-bg, .8);
|
||||||
transition: 1s background-color;
|
transition: 1s background-color;
|
||||||
|
width: calc($sidebar-width - 16px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
|
|||||||
+26
-27
@@ -20,8 +20,8 @@ $sidebar-width: 16em;
|
|||||||
|
|
||||||
li {
|
li {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding: 0.2em 0 0.2em 1em;
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
padding: 0.2em 0 0.2em 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul li ul {
|
ul li ul {
|
||||||
@@ -29,11 +29,11 @@ $sidebar-width: 16em;
|
|||||||
}
|
}
|
||||||
|
|
||||||
li.active {
|
li.active {
|
||||||
background-color: #eee;
|
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
background-color: #eee;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -42,8 +42,8 @@ $sidebar-width: 16em;
|
|||||||
.markdown-section h3,
|
.markdown-section h3,
|
||||||
.markdown-section h4,
|
.markdown-section h4,
|
||||||
.markdown-section strong {
|
.markdown-section strong {
|
||||||
font-weight: 400;
|
|
||||||
color: #333;
|
color: #333;
|
||||||
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section a {
|
.markdown-section a {
|
||||||
@@ -54,30 +54,29 @@ $sidebar-width: 16em;
|
|||||||
.markdown-section p,
|
.markdown-section p,
|
||||||
.markdown-section ul,
|
.markdown-section ul,
|
||||||
.markdown-section ol {
|
.markdown-section ol {
|
||||||
word-spacing: 0.05em;
|
|
||||||
line-height: 1.6em;
|
line-height: 1.6em;
|
||||||
margin: 0 0 1em 0;
|
margin: 0 0 1em 0;
|
||||||
|
word-spacing: 0.05em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section h1 {
|
.markdown-section h1 {
|
||||||
margin: 0 0 1em;
|
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
margin: 0 0 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section h2 {
|
.markdown-section h2 {
|
||||||
padding: 1rem 0 0 0;
|
|
||||||
margin: 0 0 1rem 0;
|
|
||||||
font-size: 1.8em;
|
font-size: 1.8em;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
margin: 0 0 1rem 0;
|
||||||
|
padding: 1rem 0 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section h3 {
|
.markdown-section h3 {
|
||||||
margin: 52px 0 1.2em;
|
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
|
margin: 52px 0 1.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.markdown-section h4 {
|
.markdown-section h4 {
|
||||||
font-size: 1.25em;
|
font-size: 1.25em;
|
||||||
}
|
}
|
||||||
@@ -87,8 +86,8 @@ $sidebar-width: 16em;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section h6 {
|
.markdown-section h6 {
|
||||||
font-size: 1em;
|
|
||||||
color: #777;
|
color: #777;
|
||||||
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section figure,
|
.markdown-section figure,
|
||||||
@@ -104,13 +103,13 @@ $sidebar-width: 16em;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section li {
|
.markdown-section li {
|
||||||
margin: 0;
|
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section blockquote {
|
.markdown-section blockquote {
|
||||||
color: #858585;
|
|
||||||
border-left: 4px solid var(--theme-color, $color-primary);
|
border-left: 4px solid var(--theme-color, $color-primary);
|
||||||
|
color: #858585;
|
||||||
margin: 2em 0;
|
margin: 2em 0;
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
}
|
}
|
||||||
@@ -130,29 +129,29 @@ $sidebar-width: 16em;
|
|||||||
|
|
||||||
.markdown-section code {
|
.markdown-section code {
|
||||||
background-color: #f9f9f9;
|
background-color: #f9f9f9;
|
||||||
padding: 0.2em 0.4em;
|
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
white-space: pre;
|
|
||||||
font-family: Inconsolata;
|
font-family: Inconsolata;
|
||||||
|
padding: 0.2em 0.4em;
|
||||||
|
white-space: pre;
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section pre {
|
.markdown-section pre {
|
||||||
background-color: #f9f9f9;
|
background-color: #f9f9f9;
|
||||||
border-left: 2px solid #eee;
|
border-left: 2px solid #eee;
|
||||||
padding: 8px;
|
|
||||||
margin: 0 0 1em 0;
|
|
||||||
font-family: Inconsolata;
|
font-family: Inconsolata;
|
||||||
padding: 0 10px 12px 0;
|
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
|
margin: 0 0 1em 0;
|
||||||
|
padding: 8px;
|
||||||
|
padding: 0 10px 12px 0;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
word-wrap: normal;
|
word-wrap: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* code highlight */
|
/* code highlight */
|
||||||
|
.token.cdata,
|
||||||
.token.comment,
|
.token.comment,
|
||||||
.token.prolog,
|
|
||||||
.token.doctype,
|
.token.doctype,
|
||||||
.token.cdata {
|
.token.prolog {
|
||||||
color: #93a1a1; /* base1 */
|
color: #93a1a1; /* base1 */
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -218,15 +217,15 @@ $sidebar-width: 16em;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section pre>code {
|
.markdown-section pre>code {
|
||||||
|
background-color: #f8f8f8;
|
||||||
|
border-radius: 2px;
|
||||||
display: block;
|
display: block;
|
||||||
font-family: Inconsolata;
|
font-family: Inconsolata;
|
||||||
overflow: inherit;
|
|
||||||
max-width: inherit;
|
|
||||||
position: relative;
|
|
||||||
background-color: #f8f8f8;
|
|
||||||
padding: 20px 0.8em 20px;
|
|
||||||
line-height: 1.1em;
|
line-height: 1.1em;
|
||||||
border-radius: 2px;
|
max-width: inherit;
|
||||||
|
overflow: inherit;
|
||||||
|
padding: 20px 0.8em 20px;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section code::after, .markdown-section code::before {
|
.markdown-section code::after, .markdown-section code::before {
|
||||||
@@ -234,7 +233,7 @@ $sidebar-width: 16em;
|
|||||||
}
|
}
|
||||||
|
|
||||||
code .token {
|
code .token {
|
||||||
min-height: 1.5em;
|
|
||||||
-webkit-font-smoothing: initial;
|
-webkit-font-smoothing: initial;
|
||||||
-moz-osx-font-smoothing: initial;
|
-moz-osx-font-smoothing: initial;
|
||||||
|
min-height: 1.5em;
|
||||||
}
|
}
|
||||||
|
|||||||
+18
-18
@@ -14,8 +14,8 @@ body {
|
|||||||
|
|
||||||
/* sidebar */
|
/* sidebar */
|
||||||
.sidebar {
|
.sidebar {
|
||||||
color: #c8c8c8;
|
|
||||||
background-color: $color-bg;
|
background-color: $color-bg;
|
||||||
|
color: #c8c8c8;
|
||||||
|
|
||||||
li {
|
li {
|
||||||
margin: 6px 15px;
|
margin: 6px 15px;
|
||||||
@@ -23,11 +23,11 @@ body {
|
|||||||
|
|
||||||
ul li a {
|
ul li a {
|
||||||
color: #c8c8c8;
|
color: #c8c8c8;
|
||||||
text-overflow: ellipsis;
|
|
||||||
overflow: hidden;
|
|
||||||
white-space: nowrap;
|
|
||||||
text-decoration: none;
|
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-decoration: none;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
@@ -50,8 +50,8 @@ body {
|
|||||||
.markdown-section h3,
|
.markdown-section h3,
|
||||||
.markdown-section h4,
|
.markdown-section h4,
|
||||||
.markdown-section strong {
|
.markdown-section strong {
|
||||||
font-weight: 600;
|
|
||||||
color: #2c3e50;
|
color: #2c3e50;
|
||||||
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section a {
|
.markdown-section a {
|
||||||
@@ -60,8 +60,8 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section h1 {
|
.markdown-section h1 {
|
||||||
margin: 0 0 1em;
|
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
|
margin: 0 0 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section h2 {
|
.markdown-section h2 {
|
||||||
@@ -70,8 +70,8 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section h3 {
|
.markdown-section h3 {
|
||||||
margin: 40px 0 .6em;
|
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
|
margin: 40px 0 .6em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section h4 {
|
.markdown-section h4 {
|
||||||
@@ -83,8 +83,8 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section h6 {
|
.markdown-section h6 {
|
||||||
font-size: 1em;
|
|
||||||
color: #777;
|
color: #777;
|
||||||
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section figure,
|
.markdown-section figure,
|
||||||
@@ -107,8 +107,8 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section blockquote {
|
.markdown-section blockquote {
|
||||||
color: #858585;
|
|
||||||
border-left: 4px solid var(--theme-color, $color-primary);
|
border-left: 4px solid var(--theme-color, $color-primary);
|
||||||
|
color: #858585;
|
||||||
margin: 2em 0;
|
margin: 2em 0;
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
}
|
}
|
||||||
@@ -127,14 +127,14 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section code {
|
.markdown-section code {
|
||||||
|
background-color: #282828;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
color: #657b83;
|
color: #657b83;
|
||||||
|
font-family: 'Roboto Mono', Monaco, courier, monospace;
|
||||||
|
font-size: 0.8em;
|
||||||
margin: 0 2px;
|
margin: 0 2px;
|
||||||
padding: 3px 5px;
|
padding: 3px 5px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
font-size: 0.8em;
|
|
||||||
font-family: 'Roboto Mono', Monaco, courier, monospace;
|
|
||||||
background-color: #282828;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section pre {
|
.markdown-section pre {
|
||||||
@@ -144,9 +144,9 @@ body {
|
|||||||
font-family: 'Roboto Mono', Monaco, courier, monospace;
|
font-family: 'Roboto Mono', Monaco, courier, monospace;
|
||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
margin: 1.2em 0;
|
margin: 1.2em 0;
|
||||||
|
overflow: auto;
|
||||||
padding: 0 1.4em;
|
padding: 0 1.4em;
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: auto;
|
|
||||||
word-wrap: normal;
|
word-wrap: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -257,10 +257,10 @@ body {
|
|||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
line-height: inherit;
|
line-height: inherit;
|
||||||
margin: 0 2px;
|
margin: 0 2px;
|
||||||
|
max-width: inherit;
|
||||||
overflow: inherit;
|
overflow: inherit;
|
||||||
padding: 2.2em 5px;
|
padding: 2.2em 5px;
|
||||||
white-space: inherit;
|
white-space: inherit;
|
||||||
max-width: inherit;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section code::after, .markdown-section code::before {
|
.markdown-section code::after, .markdown-section code::before {
|
||||||
@@ -268,9 +268,9 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
code .token {
|
code .token {
|
||||||
min-height: 1.5em;
|
|
||||||
-webkit-font-smoothing: initial;
|
|
||||||
-moz-osx-font-smoothing: initial;
|
-moz-osx-font-smoothing: initial;
|
||||||
|
-webkit-font-smoothing: initial;
|
||||||
|
min-height: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
pre::after {
|
pre::after {
|
||||||
@@ -293,7 +293,7 @@ pre::after {
|
|||||||
}
|
}
|
||||||
|
|
||||||
input[type="search"] {
|
input[type="search"] {
|
||||||
border-color: #4f4f4f;
|
|
||||||
background: #4f4f4f;
|
background: #4f4f4f;
|
||||||
|
border-color: #4f4f4f;
|
||||||
color: #c8c8c8;
|
color: #c8c8c8;
|
||||||
}
|
}
|
||||||
|
|||||||
+18
-18
@@ -14,8 +14,8 @@ body {
|
|||||||
|
|
||||||
/* sidebar */
|
/* sidebar */
|
||||||
.sidebar {
|
.sidebar {
|
||||||
color: #364149;
|
|
||||||
background-color: $color-bg;
|
background-color: $color-bg;
|
||||||
|
color: #364149;
|
||||||
|
|
||||||
li {
|
li {
|
||||||
margin: 6px 0 6px 15px;
|
margin: 6px 0 6px 15px;
|
||||||
@@ -23,12 +23,12 @@ body {
|
|||||||
|
|
||||||
ul li a {
|
ul li a {
|
||||||
color: #505d6b;
|
color: #505d6b;
|
||||||
text-overflow: ellipsis;
|
|
||||||
overflow: hidden;
|
|
||||||
white-space: nowrap;
|
|
||||||
text-decoration: none;
|
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
overflow: hidden;
|
||||||
|
text-decoration: none;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
@@ -40,9 +40,9 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
ul li.active>a {
|
ul li.active>a {
|
||||||
|
border-right: 2px solid;
|
||||||
color: var(--theme-color, $color-primary);
|
color: var(--theme-color, $color-primary);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
border-right: 2px solid;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -61,8 +61,8 @@ body {
|
|||||||
.markdown-section h3,
|
.markdown-section h3,
|
||||||
.markdown-section h4,
|
.markdown-section h4,
|
||||||
.markdown-section strong {
|
.markdown-section strong {
|
||||||
font-weight: 600;
|
|
||||||
color: #2c3e50;
|
color: #2c3e50;
|
||||||
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section a {
|
.markdown-section a {
|
||||||
@@ -71,8 +71,8 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section h1 {
|
.markdown-section h1 {
|
||||||
margin: 0 0 1em;
|
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
|
margin: 0 0 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section h2 {
|
.markdown-section h2 {
|
||||||
@@ -81,8 +81,8 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section h3 {
|
.markdown-section h3 {
|
||||||
margin: 40px 0 .6em;
|
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
|
margin: 40px 0 .6em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section h4 {
|
.markdown-section h4 {
|
||||||
@@ -94,8 +94,8 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section h6 {
|
.markdown-section h6 {
|
||||||
font-size: 1em;
|
|
||||||
color: #777;
|
color: #777;
|
||||||
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section figure,
|
.markdown-section figure,
|
||||||
@@ -118,8 +118,8 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section blockquote {
|
.markdown-section blockquote {
|
||||||
color: #858585;
|
|
||||||
border-left: 4px solid var(--theme-color, $color-primary);
|
border-left: 4px solid var(--theme-color, $color-primary);
|
||||||
|
color: #858585;
|
||||||
margin: 2em 0;
|
margin: 2em 0;
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
}
|
}
|
||||||
@@ -138,14 +138,14 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section code {
|
.markdown-section code {
|
||||||
|
background-color: #f8f8f8;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
color: #e96900;
|
color: #e96900;
|
||||||
|
font-family: 'Roboto Mono', Monaco, courier, monospace;
|
||||||
|
font-size: 0.8em;
|
||||||
margin: 0 2px;
|
margin: 0 2px;
|
||||||
padding: 3px 5px;
|
padding: 3px 5px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
font-size: 0.8em;
|
|
||||||
font-family: 'Roboto Mono', Monaco, courier, monospace;
|
|
||||||
background-color: #f8f8f8;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section pre {
|
.markdown-section pre {
|
||||||
@@ -155,9 +155,9 @@ body {
|
|||||||
font-family: 'Roboto Mono', Monaco, courier, monospace;
|
font-family: 'Roboto Mono', Monaco, courier, monospace;
|
||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
margin: 1.2em 0;
|
margin: 1.2em 0;
|
||||||
|
overflow: auto;
|
||||||
padding: 0 1.4em;
|
padding: 0 1.4em;
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: auto;
|
|
||||||
word-wrap: normal;
|
word-wrap: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -268,10 +268,10 @@ body {
|
|||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
line-height: inherit;
|
line-height: inherit;
|
||||||
margin: 0 2px;
|
margin: 0 2px;
|
||||||
|
max-width: inherit;
|
||||||
overflow: inherit;
|
overflow: inherit;
|
||||||
padding: 2.2em 5px;
|
padding: 2.2em 5px;
|
||||||
white-space: inherit;
|
white-space: inherit;
|
||||||
max-width: inherit;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-section code::after, .markdown-section code::before {
|
.markdown-section code::after, .markdown-section code::before {
|
||||||
@@ -279,9 +279,9 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
code .token {
|
code .token {
|
||||||
min-height: 1.5em;
|
|
||||||
-webkit-font-smoothing: initial;
|
|
||||||
-moz-osx-font-smoothing: initial;
|
-moz-osx-font-smoothing: initial;
|
||||||
|
-webkit-font-smoothing: initial;
|
||||||
|
min-height: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
pre::after {
|
pre::after {
|
||||||
|
|||||||
Reference in New Issue
Block a user