Theme preview

时间:2022-07-25
本文章向大家介绍Theme preview,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

Based on MarkdownPreview test.md.

Markdown

# H1
## H2
### H3
#### H4
##### H5
###### H6
### Duplicate Header
### Duplicate Header

H1

H2

H3

H4

H5
H6

Duplicate Header

Duplicate Header

Paragraphs

This is a paragraph.
I am still part of the paragraph.

New paragraph.

This is a paragraph. I am still part of the paragraph.

New paragraph.

Anchor

Define anchor by {#section-id}

Something

Footnote

This is a footnote1

A footnote on “label”2

The footnote for definition3

A footnote with link4

Inline

`inline block`

<kbd>ctrl</kbd>+<kbd>alt</kbd>+<kbd>del</kbd>

**bold 1** and __bold 2__

*italic 1*  and _italic 2_

~~strike~~


***bold 1 and italic 1***

___bold 2 and italic 2___

__*bold 2 and italic 1*__

**_bold 1 and italic 2_**


~~*strike italic 1*~~ and *~~strike italic 2~~*

~~_strike italic 2_~~ and  _~~strike italic 2~~_


~~**strike bold 1**~~ and **~~strike bold 1~~**

~~__strike bold 2__~~ and __~~strike bold 2~~__


~~***strike italic 1 bold 1***~~ and ***~~strike italic 1 bold 1~~***

~~___strike italic 2 bold 2___~~ and ___~~strike italic 2 bold 2~~___

**~~*strike italic 1 bold 1*~~** and *~~**strike italic 1 bold 1**~~*

__~~_strike italic 2 bold 2_~~__ and _~~__strike italic 2 bold 2__~~_

**~~_strike italic 2 bold 1_~~** and _~~**strike italic 2 bold 1**~~_

__~~*strike italic 1 bold 2*~~__ and *~~__strike italic 1 bold 2__~~*

inline block

ctrl+alt+del

bold 1 and bold 2

italic 1 and italic 2

strike

bold 1 and italic 1

bold 2 and italic 2

bold 2 and italic 1

bold 1 and italic 2

strike italic 1 and strike italic 2

_strike italic 2_ and strike italic 2

strike bold 1 and strike bold 1

__strike bold 2__ and strike bold 2

strike italic 1 bold 1 and strike italic 1 bold 1

___strike italic 2 bold 2___ and strike italic 2 bold 2

strike italic 1 bold 1 and strike italic 1 bold 1

_strike italic 2 bold 2_ and __strike italic 2 bold 2__

_strike italic 2 bold 1_ and strike italic 2 bold 1

strike italic 1 bold 2 and __strike italic 1 bold 2__

Web image
![Web Picture](http://www.revolunet.com/static/parisjs8/img/logo-revolunet-carre.jpg "Web Picture")

Local image
![Local Picture](logo-revolunet-carre.jpg "Local Picture")

contact@revolunet.com

@revolunet

Issue #1

https://github.com/revolunet/sublimetext-markdown-preview/

This is a link https://github.com/revolunet/sublimetext-markdown-preview/.

This is a link "https://github.com/revolunet/sublimetext-markdown-preview/".

With this link (https://github.com/revolunet/sublimetext-markdown-preview/), it still works.

Local image

www.google.com

contact@revolunet.com

@revolunet

Issue #1

https://github.com/revolunet/sublimetext-markdown-preview/

This is a link https://github.com/revolunet/sublimetext-markdown-preview/.

This is a link “https://github.com/revolunet/sublimetext-markdown-preview/".

With this link (https://github.com/revolunet/sublimetext-markdown-preview/), it still works.

Abbreviation

Abbreviations source are found in a separate markdown file specified in frontmatter.

The HTML specification 
is maintained by the W3C.

*[HTML]: Hyper Text Markup Language
*[W3C]:  World Wide Web Consortium

The HTML specification is maintained by the W3C.

Unordered List

The HTML specification 
is maintained by the W3C.

*[HTML]: Hyper Text Markup Language
*[W3C]:  World Wide Web Consortium

Unordered List

  • item 1
    • item A
    • item B more text
      • item a
      • item b
      • item c
    • item C
  • item 2
  • item 3

Ordered List

Ordered List

1. item 1
    1. item A
    2. item B
        more text
        1. item a
        2. item b
        3. item c
    3. item C
2. item 2
3. item 3

Ordered List

  1. item 1
    1. item A
    2. item B more text
      1. item a
      2. item b
      3. item c
    3. item C
  2. item 2
  3. item 3

Task List

Task List

- [X] item 1
    * [X] item A
    * [ ] item B
        more text
        + [x] item a
        + [ ] item b
        + [x] item c
    * [X] item C
- [ ] item 2
- [ ] item 3

Task List

  • item 1
    • item A
    • item B more text
      • item a
      • item b
      • item c
    • item C
  • item 2
  • item 3

Mixed Lists

Really Mixed Lists should break with sane_lists on.

Mixed Lists

- item 1
    * [X] item A
    * [ ] item B
        more text
        1. item a
        2. itemb
        3. item c
    * [X] item C
- item 2
- item 3


Really Mixed Lists

- item 1
    * [X] item A
    - item B
        more text
        1. item a
        + itemb
        + [ ] item c
    3. item C
2. item 2
- [X] item 3

Mixed Lists

  • item 1
    • item A
    • item B more text
      1. item a
      2. itemb
      3. item c
    • item C
  • item 2
  • item 3

Really Mixed Lists

  • item 1
    • item A
    • item B more text
      1. item a
      • itemb
      • item c
    1. item C
  1. item 2
  • item 3

Dictionary

Dictionary
:   item 1

    item 2

    item 3

Dictionaryitem 1

item 2

item 3

Blocks

This is a block.

This is more of a block.

Block Quotes

> This is a block quote
>> How does it look?

This is a block quote. How does it look? I think it looks good.

Fenced Block

Assuming guessing is not enabled.

```
// Fenced **without** highlighting
function doIt() {
    for (var i = 1; i <= slen ; i^^) {
        setTimeout("document.z.textdisplay.value = newMake()", i*300);
        setTimeout("window.status = newMake()", i*300);
    }
}
```

```javascript
// Fenced **with** highlighting
function doIt() {
    for (var i = 1; i <= slen ; i^^) {
        setTimeout("document.z.textdisplay.value = newMake()", i*300);
        setTimeout("window.status = newMake()", i*300);
    }
}
```
// Fenced **without** highlighting
function doIt() {
    for (var i = 1; i <= slen ; i^^) {
        setTimeout("document.z.textdisplay.value = newMake()", i*300);
        setTimeout("window.status = newMake()", i*300);
    }
}
// Fenced **with** highlighting
function doIt() {
    for (var i = 1; i <= slen ; i^^) {
        setTimeout("document.z.textdisplay.value = newMake()", i*300);
        setTimeout("window.status = newMake()", i*300);
    }
}

Tables

| _Colors_      | Fruits          | Vegetable         |
| ------------- |:---------------:| -----------------:|
| Red           | *Apple*         | [Pepper](#Tables) |
| ~~Orange~~    | Oranges         | **Carrot**        |
| Green         | ~~***Pears***~~ | Spinach           |

Colors

Fruits

Vegetable

Red

Apple

Pepper

Orange

Oranges

Carrot

Green

Pears

Spinach

Class or Enum

Year

Month

Day

Hours

Minutes

Seconds*

Zone Offset

Zone ID

toString Output

Where Discussed

Instant

2013-08-20T15:16:26.355Z

Instant Class

LocalDate

2013-08-20

Date Classes

LocalDateTime

2013-08-20T08:16:26.937

Date and Time Classes

ZonedDateTime

2013-08-21T00:16:26.941+09:00[Asia/Tokyo]

Time Zone and Offset Classes

LocalTime

08:16:26.943

Date and Time Classes

MonthDay

--08-20

Date Classes

Year

2013

Date Classes

YearMonth

2013-08

Date Classes

Month

AUGUST

DayOfWeek and Month Enums

OffsetDateTime

2013-08-20T08:16:26.954-07:00

Time Zone and Offset Classes

OffsetTime

08:16:26.957-07:00

Time Zone and Offset Classes

Duration

**

**

**

PT20H (20 hours)

Period and Duration

Period

***

***

P10D (10 days)

Period and Duration

Smart Strong

Text with double__underscore__words.

__Strong__ still works.

__this__works__too__

Text with double__underscore__words.

Strong still works.

this__works__too

Smarty

"double quotes"

'single quotes'

da--sh

elipsis...

“double quotes”

‘single quotes’

da–sh

elipsis…

Neseted Fences

 ```
    This will still be parsed
    as a normal indented code block.
    ```

```
This will still be parsed
as a fenced code block.
```

- This is a list that contains multiple code blocks.

    - Here is an indented block

            ```
            This will still be parsed
            as a normal indented code block.
            ```

    - Here is a fenced code block:

        ```
        This will still be parsed
        as a fenced code block.
        ```

        > ```
        > Blockquotes?
        > Not a problem!
        > ```
```
This will still be parsed
as a normal indented code block.
```
This will still be parsed
as a fenced code block.
  • This is a list that contains multiple code blocks.
    • Here is an indented block ``` This will still be parsed as a normal indented code block. ```
    • Here is a fenced code block: 1 2 This will still be parsed as a fenced code block. 1 2 Blockquotes? Not a problem!

Others

Github Emoji

This is a test for emoji ?. The emojis are images linked to github assets :octocat:.

People

?????????????‍♂️:bowtie:???????????‍♂️?‍♂️??‍❤️‍??‍❤️‍?‍??????‍♀️???????❗????‍?‍??:feelsgood:?:finnadie:?✊????:goberserk::godmode:?❕❔????‍♂️?‍♀️✋??❤️????:hurtrealbad:???‍♀️?????????????????‍♂️??‍♀️????:neckbeard:??‍♀️?????‍♀️???????‍♀️?‍♂️?‍♀️???☝️???????❓?:rage1::rage2::rage3::rage4:✋??‍♀️☺️???‍♂️?????????????????✨???⭐?????:suspect:?????????:trollface:????✌️?‍♂️????????

Nature

??????????????????☁️?????????????????????????????????????????????????????:octocat:????⛅??????????????????❄️☃️:squirrel:??☀️?????☂️?????????⚡

Objects

?⏰????????⚾?????????‍♂️???✒️????????????????????????????♣️?☕????????????♦️??????????✉️✉???????????????????????⛳?????????♥️?????⌛⏳????????????????➿??????????????????????‍♂️???????????????????????✏✏️☎️????????????????????????️??✂️?????????⚽??♠️?❇️??????‍♂️???‍♂️?????☎?????????????????⌚???????

Places

?✈️?⚓???????⛵????????⛪??????????????????⛲??⛽?????♨️???????????????????????????????????‍♂️??⛵????????????⛺???????????????⚠️?

Symbols

???️????♒♈◀️⏬⏫⬇️?▶️⤵️⤴️⬅️↙️↘️➡️↪️⬆️↕️?↖️↗️???️???☑️‼️⚫⬛◾◼️▪️?♋?♑????????????????????????????㊗️?©️➰????8️⃣✴️✳️?⏩5️⃣4️⃣?♊#️⃣?✔️➗?❗➖✖️➕??ℹ️⁉️??????↔️↩️♌♎?ⓜ️???❎??9️⃣?⛔?????⭕?️??1️⃣⛎?️〽️?♓???♻️?®️???⏪?️♐♏㊙️7️⃣:shipit:?6️⃣????????♉3️⃣™️???2️⃣?????️?????????♍?〰️?♿✅⚪?⬜◽◻️▫️??❌0️⃣

Insert

^^insert^^

^^*insert italic*^^  *^^insert italic 2^^*

^^_insert italic_^^  _^^insert italic 2^^_

^^**insert bold**^^  **^^insert bold 2^^**

^^__insert bold__^^  __^^insert bold 2^^__

^^***insert italic bold***^^  ***^^insert italic bold 2^^***

^^___insert italic bold___^^  ___^^insert italic bold 2^^___

**^^*insert italic bold*^^**  *^^**insert italic bold 2**^^*

__^^_insert italic bold_^^__  _^^__insert italic bold 2__^^_

**^^_insert italic bold_^^**  _^^**insert italic bold 2**^^_

__^^*insert italic bold*^^__  *^^__insert italic bold 2__^^*

^^insert^^

^^insert italic^^ ^^insert italic 2^^

^^_insert italic_^^ ^^insert italic 2^^

^^insert bold^^ ^^insert bold 2^^

^^__insert bold__^^ ^^insert bold 2^^

^^insert italic bold^^ ^^insert italic bold 2^^

^^___insert italic bold___^^ ^^insert italic bold 2^^

^^insert italic bold^^ ^^insert italic bold 2^^

^^_insert italic bold_^^ ^^__insert italic bold 2__^^

^^_insert italic bold_^^ ^^insert italic bold 2^^

^^insert italic bold^^ ^^__insert italic bold 2__^^

Math

$$ evidence_{i}=sum_{j}W_{ij}x_{j}+b_{i} $$

$p(x|y) = frac{p(y|x)p(x)}{p(y)}$, (p(x|y) = frac{p(y|x)p(x)}{p(y)}).

$$
E(mathbf{v}, mathbf{h}) = -sum_{i,j}w_{ij}v_i h_j - sum_i b_i v_i - sum_j c_j h_j
$$

\[3 < 4\]

begin{align}
    p(v_i=1|mathbf{h}) & = sigmaleft(sum_j w_{ij}h_j + b_iright) \
    p(h_j=1|mathbf{v}) & = sigmaleft(sum_i w_{ij}v_i + c_jright)
end{align}

网易云音乐

{{% music "28196554" %}}

YouTube

{{% music "28196554" %}}