|
| 1 | +--- |
| 2 | +title: Text and Typography |
| 3 | +description: Examples of text, typography, math equations, diagrams, flowcharts, pictures, videos, and more. |
| 4 | +author: cotes |
| 5 | +date: 2019-08-08 11:33:00 +0800 |
| 6 | +categories: [Blogging, Demo] |
| 7 | +tags: [typography] |
| 8 | +pin: true |
| 9 | +math: true |
| 10 | +mermaid: true |
| 11 | +--- |
| 12 | + |
| 13 | +## Headings |
| 14 | + |
| 15 | +<!-- markdownlint-capture --> |
| 16 | +<!-- markdownlint-disable --> |
| 17 | +# H1 — heading |
| 18 | +{: .mt-4 .mb-0 } |
| 19 | + |
| 20 | +## H2 — heading |
| 21 | +{: data-toc-skip='' .mt-4 .mb-0 } |
| 22 | + |
| 23 | +### H3 — heading |
| 24 | +{: data-toc-skip='' .mt-4 .mb-0 } |
| 25 | + |
| 26 | +#### H4 — heading |
| 27 | +{: data-toc-skip='' .mt-4 } |
| 28 | +<!-- markdownlint-restore --> |
| 29 | + |
| 30 | +## Paragraph |
| 31 | + |
| 32 | +Quisque egestas convallis ipsum, ut sollicitudin risus tincidunt a. Maecenas interdum malesuada egestas. Duis consectetur porta risus, sit amet vulputate urna facilisis ac. Phasellus semper dui non purus ultrices sodales. Aliquam ante lorem, ornare a feugiat ac, finibus nec mauris. Vivamus ut tristique nisi. Sed vel leo vulputate, efficitur risus non, posuere mi. Nullam tincidunt bibendum rutrum. Proin commodo ornare sapien. Vivamus interdum diam sed sapien blandit, sit amet aliquam risus mattis. Nullam arcu turpis, mollis quis laoreet at, placerat id nibh. Suspendisse venenatis eros eros. |
| 33 | + |
| 34 | +## Lists |
| 35 | + |
| 36 | +### Ordered list |
| 37 | + |
| 38 | +1. Firstly |
| 39 | +2. Secondly |
| 40 | +3. Thirdly |
| 41 | + |
| 42 | +### Unordered list |
| 43 | + |
| 44 | +- Chapter |
| 45 | + - Section |
| 46 | + - Paragraph |
| 47 | + |
| 48 | +### ToDo list |
| 49 | + |
| 50 | +- [ ] Job |
| 51 | + - [x] Step 1 |
| 52 | + - [x] Step 2 |
| 53 | + - [ ] Step 3 |
| 54 | + |
| 55 | +### Description list |
| 56 | + |
| 57 | +Sun |
| 58 | +: the star around which the earth orbits |
| 59 | + |
| 60 | +Moon |
| 61 | +: the natural satellite of the earth, visible by reflected light from the sun |
| 62 | + |
| 63 | +## Block Quote |
| 64 | + |
| 65 | +> This line shows the _block quote_. |
| 66 | +
|
| 67 | +## Prompts |
| 68 | + |
| 69 | +<!-- markdownlint-capture --> |
| 70 | +<!-- markdownlint-disable --> |
| 71 | +> An example showing the `tip` type prompt. |
| 72 | +{: .prompt-tip } |
| 73 | + |
| 74 | +> An example showing the `info` type prompt. |
| 75 | +{: .prompt-info } |
| 76 | + |
| 77 | +> An example showing the `warning` type prompt. |
| 78 | +{: .prompt-warning } |
| 79 | + |
| 80 | +> An example showing the `danger` type prompt. |
| 81 | +{: .prompt-danger } |
| 82 | +<!-- markdownlint-restore --> |
| 83 | + |
| 84 | +## Tables |
| 85 | + |
| 86 | +| Company | Contact | Country | |
| 87 | +| :--------------------------- | :--------------- | ------: | |
| 88 | +| Alfreds Futterkiste | Maria Anders | Germany | |
| 89 | +| Island Trading | Helen Bennett | UK | |
| 90 | +| Magazzini Alimentari Riuniti | Giovanni Rovelli | Italy | |
| 91 | + |
| 92 | +## Links |
| 93 | + |
| 94 | +<http://127.0.0.1:4000> |
| 95 | + |
| 96 | +## Footnote |
| 97 | + |
| 98 | +Click the hook will locate the footnote[^footnote], and here is another footnote[^fn-nth-2]. |
| 99 | + |
| 100 | +## Inline code |
| 101 | + |
| 102 | +This is an example of `Inline Code`. |
0 commit comments