toast cards

Note

This is a note

Markdown is supported, Text can be bold, italic, or strikethrough. Links should be blue with no underlines

inline code

inline code inside link

Tip

It’s bigger than a bread box.

Warning

Strong prose may provoke extreme mental exertion. Reader discretion is strongly advised.

Danger

Mad scientist at work!

Danger

Mad scientist at work!

math


`|` 要写作 `\|`

math symbools

Greek letters

inline math is like $ \alpha $, or $ \beta $;

符号 math 符号 math
\(\alpha A\) \alpha A \(\nu N\) \nu N
\(\beta B\) \beta B \(\xi \Xi\) \xi \Xi
\(\gamma \Gamma\) \gamma \Gamma \(o O\) o O
\(\delta \Delta\) \delta \Delta \(\pi \Pi\) \pi \Pi
\(\epsilon \varepsilon E\) \epsilon \varepsilon E \(\rho \varrho P\) \rho \varrho P
\(\zeta Z\) \zeta Z \(\sigma \,\!\Sigma\) \sigma \Sigma
\(\eta H\) \eta H \(\tau T\) \tau T
\(\theta \vartheta \Theta\) \theta \vartheta \Theta \(\upsilon \Upsilon\) \upsilon \Upsilon
\(\iota I\) \iota I \(\phi \varphi \Phi\) \phi \varphi \Phi
\(\kappa K\) \kappa K \(\chi X\) \chi X
\(\lambda \Lambda\) \lambda \Lambda \(\psi \Psi\) \psi \Psi
\(\mu M\) \mu M \(\omega \Omega\) \omega \Omega

Arrows

符号 math 符号 math
$$ \leftarrow $$ \leftarrow \(\Leftarrow\) \Leftarrow
\(\rightarrow\) \rightarrow \(\Rightarrow \;\) \Rightarrow
\(\leftrightarrow\) \leftrightarrow \(\rightleftharpoons\) \rightleftharpoons
\(\uparrow\) \uparrow \(\downarrow\) \downarrow
\(\Uparrow \;\) \Uparrow \(\Downarrow\) \Downarrow
\(\Leftrightarrow \;\) \Leftrightarrow \(\Updownarrow\) \Updownarrow
\(\mapsto\) \mapsto \(\longmapsto \;\) \longmapsto
\(\nearrow\) \nearrow \(\searrow\) \searrow
\(\swarrow\) \swarrow \(\nwarrow\) \nwarrow
\(\leftharpoonup\) \leftharpoonup \(\rightharpoonup\) \rightharpoonup
\(\leftharpoondown\) \leftharpoondown \(\rightharpoondown\) \rightharpoondown

Miscellaneous symbols

符号 math 符号 math
\(\infty\) \infty \(\forall\) \forall
\(\Re\) \Re \(\Im\) \Im
\(\nabla\) \nabla \(\exists\) \exists
\(\partial\) \partial \(\nexists\) \nexists
\(\emptyset\) \emptyset \(\varnothing\) \varnothing
\(\wp\) \wp \(\complement\) \complement
\(\neg\) \neg \(\cdots\) \cdots
\(\square\) \square \(\surd\) \surd
\(\blacksquare\) \blacksquare \(\triangle\) \triangle

Binary Operation/Relation Symbols

符号 math 符号 math
\(\times\) \times \(\cdot\) \cdot
\(\div\) \div \(\cap\) \cap
\(\cup\) \cup \(\neq \;\) \neq
\(\leq\) \leq \(\geq\) \geq
\(\in\) \in \(\perp \;\) \perp
\(\notin\) \notin \(\subset\) \subset
\(\simeq\) \simeq \(\approx\) \approx
\(\wedge\) \wedge \(\vee\) \vee
\(\oplus \;\) \oplus \(\otimes\) \otimes
\(\Box\) \Box \(\boxtimes\) \boxtimes
\(\equiv\) \equiv \(\cong\) \cong

其它

符号 math 符号 math
\(\acute{a}\) \acute{a} \(\check{a}\) \check{a}
\(\bar{a}\) \bar{a} \(\grave{a}\) \grave{a}
\(\tilde{a}\) \tilde{a} \(\dot{a}\) \dot{a}
\(\mathring{a}\) \mathring{a} \(\dot{a}\) \dot{a}
\(\mathbb{A}\) \mathbb{A} \(\mathcal{A}\) \mathcal{A}
\(\sqrt{a*b}\) \sqrt{a*b} \(\int_{i=2}^ni*3\) \int_{i=2}^ni*3
\(\sqrt{a*b}\) \sqrt{a*b} \(\oint_{i=2}^ni*3\) \oint_{i=2}^ni*3
\(b\pmod{asdf}\) \sqrt{a*b} \(\sum_{i=2}^ni*3\) \sum_{i=2}^ni*3
$ \lim_{x\to\infty} f(x) $ \lim_{x\to\infty} f(x) \(\prod_{i=2}^ni*3\) \prod_{i=2}^ni*3
\(\lim_{x\to\infty} f(x)\) $$ \lim_{x\to\infty} f(x) $$ \(\prod_{i=2}^ni*3\) \prod_{i=2}^ni*3

Avatar

{% avatar zhangfuwen %}

zhangfuwen

Tip

Set config plugins: [jekyll-avatar]

For documentation, see: https://github.com/benbalter/jekyll-avatar

Emoji Test

I give this theme two :+1:!

I give this theme two :+1:!

Tip

Set config plugins: [jemoji], Emoji searcher, see: https://emoji.muan.co/

Fonts Test

{:.font-mono}

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
一二三四五六七八九十百千萬上中下左右大小春夏秋冬東南西北金木水火土
‘?'"!"(%)[#]{@}/&\<-+÷×=>®©$€£¥¢:;,.*

{:.font-body}

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 一二三四五六七八九十百千萬上中下左右大小春夏秋冬東南西北金木水火土 ‘?'"!"(%)[#]{@}/&<-+÷×=>®©$€£¥¢:;,.*

{:.font-head}

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 一二三四五六七八九十百千萬上中下左右大小春夏秋冬東南西北金木水火土 ‘?'"!"(%)[#]{@}/&<-+÷×=>®©$€£¥¢:;,.*

font-awesome

<i class="fa fa-check-circle text-green">checked</i>
<i class="fa fa-battery-quarter text-red">battery</i>

checked battery

Gist Test

{% gist zhangfuwen/525bc2685fda962a405d17787703d8a1 %}


{% gist zhangfuwen/525bc2685fda962a405d17787703d8a1 %}




Mathjax Test

\(\begin{aligned} & \phi(x,y) = \phi \left(\sum_{i=1}^n x_ie_i, \sum_{j=1}^n y_je_j \right) = \sum_{i=1}^n \sum_{j=1}^n x_i y_j \phi(e_i, e_j) = \\ & (x_1, \ldots, x_n) \left( \begin{array}{ccc} \phi(e_1, e_1) & \cdots & \phi(e_1, e_n) \\ \vdots & \ddots & \vdots \\ \phi(e_n, e_1) & \cdots & \phi(e_n, e_n) \end{array} \right) \left( \begin{array}{c} y_1 \\ \vdots \\ y_n \end{array} \right) \end{aligned}\)

Note

For documentation, see: https://kramdown.gettalong.org/syntax.html#math-blocks

Mentions Test

Hey @zhangfuwen, what do you think of this?

Hey @zhangfuwen, what do you think of this?

Tip

Set config plugins: [jekyll-mentions]

For documentation, see: https://github.com/jekyll/jekyll-mentions

Mermaid Test

```mermaid
graph TB
    c1-->a2
    subgraph one
    a1-->a2
    end
    subgraph two
    b1-->b2
    end
    subgraph three
    c1-->c2
    end
```
graph TB c1-->a2 subgraph one a1-->a2 end subgraph two b1-->b2 end subgraph three c1-->c2 end
graph TD; A-->B; A-->C; B-->D; C-->D;
classDiagram classA <|-- classB classC *-- classD classE o-- classF classG <-- classH classI -- classJ classK <.. classL classM <|.. classN classO .. classP
erDiagram CUSTOMER ||--o{ ORDER : places ORDER ||--|{ LINE-ITEM : contains CUSTOMER }|..|{ DELIVERY-ADDRESS : uses

Toasts Card

THIS IS TOO LONG, NEED UPDATE! HERE IS SOME IDEAS:

  • https://primer.style/css/components/box
  • https://primer.style/css/components/toasts
Note

This is a note

Markdown is supported, Text can be bold, italic, or strikethrough. Links should be blue with no underlines

inline code

inline code inside link

Note

This is note2

Note

This is note3

Tip

It’s bigger than a bread box.

Tip

It’s tip 2

Warning

Strong prose may provoke extreme mental exertion. Reader discretion is strongly advised.

Danger

Mad scientist at work!

Primer Utilities Test

Text can be bold, italic, or strikethrough. Links should be blue with no underlines (unless hovered over).

Text can be bold, italic, or strikethrough. Links should be blue with no underlines (unless hovered over).

Text can be bold, italic, or strikethrough. Links should be blue with no underlines (unless hovered over).

Text can be bold, italic, or strikethrough. Links should be blue with no underlines (unless hovered over).

Text can be bold, italic, or strikethrough. Links should be blue with no underlines (unless hovered over).

Text can be bold, italic, or strikethrough. Links should be blue with no underlines (unless hovered over).

Text can be bold, italic, or strikethrough. Links should be blue with no underlines (unless hovered over).

Text can be bold, italic, or strikethrough. Links should be blue with no underlines (unless hovered over).

Text can be bold, italic, or strikethrough. Links should be blue with no underlines (unless hovered over).

Tip

Edit this page to see how to add this to your docs, theme can use @primer/css utilities

jykell

jykell variables

ipynb

Tip