Update docs

-  Add description list sample
-  Improve doc content
This commit is contained in:
Cotes Chung 2020-12-26 00:22:30 +08:00
parent 505da84a26
commit bca7a2a634
2 changed files with 27 additions and 49 deletions

View file

@ -38,7 +38,7 @@ Beside the lake, beneath the trees,
Fluttering and dancing in the breeze. Fluttering and dancing in the breeze.
## List ## Lists
### Ordered list ### Ordered list
@ -52,7 +52,7 @@ Fluttering and dancing in the breeze.
- Setcion - Setcion
- Paragraph - Paragraph
### Checkbox list ### Task list
- [ ] TODO - [ ] TODO
- [x] Completed - [x] Completed
@ -62,26 +62,35 @@ Fluttering and dancing in the breeze.
- [ ] Economic recovery - [ ] Economic recovery
- [ ] People smile again - [ ] People smile again
### Description list
Sun
: the star around which the earth orbits
Moon
: the natural satellite of the earth, visible by reflected light from the sun
## Block Quote ## Block Quote
> This line to shows the Block Quote. > This line to shows the Block Quote.
## Tables ## Tables
| Company | contact | Country | | Company | Contact | Country |
|:-----------------------------|:-----------------|--------:| |:-----------------------------|:-----------------|--------:|
| Alfreds Futterkiste | Maria Anders | Germany | | Alfreds Futterkiste | Maria Anders | Germany |
| Island Trading | Helen Bennett | UK | | Island Trading | Helen Bennett | UK |
| Magazzini Alimentari Riuniti | Giovanni Rovelli | Italy | | Magazzini Alimentari Riuniti | Giovanni Rovelli | Italy |
## Link ## Links
<http://127.0.0.1:4000> <http://127.0.0.1:4000>
## Footnote ## Footnote
Click the hook will locate the footnote[^footnote]. Click the hook will locate the footnote[^footnote], and here is another footnote[^fn-nth-2].
## Images ## Images
@ -130,9 +139,6 @@ _400px image width_
cherry :active, c, after b a, 1d cherry :active, c, after b a, 1d
``` ```
## Inline code
This is an example of `Inline Code`.
## Mathematics ## Mathematics
@ -144,7 +150,13 @@ When \\(a \ne 0\\), there are two solutions to \\(ax^2 + bx + c = 0\\) and they
$$ x = {-b \pm \sqrt{b^2-4ac} \over 2a} $$ $$ x = {-b \pm \sqrt{b^2-4ac} \over 2a} $$
## Code Snippet
## Inline code
This is an example of `Inline Code`.
## Code block
### Common ### Common
@ -157,14 +169,6 @@ This is a common code snippet, without syntax highlight and line number.
#### Console #### Console
```console ```console
$ date
Sun Nov 3 15:11:12 CST 2019
```
#### Terminal
```terminal
$ env |grep SHELL $ env |grep SHELL
SHELL=/usr/local/bin/bash SHELL=/usr/local/bin/bash
PYENV_SHELL=bash PYENV_SHELL=bash
@ -198,23 +202,6 @@ fi;
``` ```
{% endraw %} {% endraw %}
#### Html
```html
<div class="sidenav">
<a href="#contact">Contact</a>
<button class="dropdown-btn">Dropdown
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-container">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
</div>
<a href="#contact">Search</a>
</div>
```
#### Java #### Java
```java ```java
@ -222,20 +209,11 @@ private void writeObject(java.io.ObjectOutputStream s)
throws java.io.IOException { throws java.io.IOException {
// Write out any hidden serialization magic // Write out any hidden serialization magic
s.defaultWriteObject(); s.defaultWriteObject();
for (E e: map.keySet()) s.writeObject(e);
// Write out HashMap capacity and load factor
s.writeInt(map.capacity());
s.writeFloat(map.loadFactor());
// Write out size
s.writeInt(map.size());
// Write out all elements in the proper order.
for (E e: map.keySet())
s.writeObject(e);
} }
``` ```
## Reverse Footnote ## Reverse Footnote
[^footnote]: The footnote source. [^footnote]: The footnote source
[^fn-nth-2]: The 2nd footnote source

View file

@ -78,7 +78,7 @@ mermaid: true
--- ---
``` ```
Then you can use it like other markdown language: surround the graph code with <code class="highlighter-rouge">```mermaid</code>. Then you can use it like other markdown language: surround the graph code with ```` ```mermaid ```` and ```` ``` ````.
## Images ## Images
@ -147,7 +147,7 @@ pin: true
## Code Block ## Code Block
Markdown symbols <code class="highlighter-rouge">```</code> can easily create a code block as following examples. Markdown symbols ```` ``` ```` can easily create a code block as following examples.
``` ```
This is a common code snippet, without syntax highlight and line number. This is a common code snippet, without syntax highlight and line number.
@ -155,7 +155,7 @@ This is a common code snippet, without syntax highlight and line number.
## Specific Language ## Specific Language
Using <code class="highlighter-rouge">```language</code> you will get code snippets with line numbers and syntax highlight. Using ```` ```language ```` you will get code snippets with line numbers and syntax highlight.
> **Note**: The Jekyll style `{% raw %}{%{% endraw %} highlight LANGUAGE {% raw %}%}{% endraw %}` or `{% raw %}{%{% endraw %} highlight LANGUAGE linenos {% raw %}%}{% endraw %}` are not allowed to be used in this theme ! > **Note**: The Jekyll style `{% raw %}{%{% endraw %} highlight LANGUAGE {% raw %}%}{% endraw %}` or `{% raw %}{%{% endraw %} highlight LANGUAGE linenos {% raw %}%}{% endraw %}` are not allowed to be used in this theme !