forked from
quillmatiq.com/augment
Fork of Chiri for Astro for my blog
1---
2title: 'Markdown Style Guide'
3pubDate: '2025-06-28'
4---
5
6This theme does not define more levels of headlines. If needed, you can define them in `src/styles/post.css`.
7
8---
9
10## Paragraph
11
12Here's a practical example of a paragraph in Markdown. This text demonstrates how content flows naturally in a blog post.
13
14You can use various formatting options like **bold**, _italic_, ~~strikethrough~~, and `code` within your paragraphs.
15
16## Blockquotes
17
18> Don't communicate by sharing memory, share memory by communicating.<br>
19> — <cite>Rob Pike[^1]</cite>
20
21[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
22
23### Ordered List
24
251. First item
262. Second item
273. Third item
28
29### Unordered List
30
31- Item
32 - Subitem
33 - Subitem
34
35## Task List
36
37- [ ] First item
38- [ ] Second item
39- [x] Third item
40
41## Image
42
43To hide the caption, start it with an underscore `_` or leave the alt text empty.
44
45
46
47## Tables
48
49| Style | Weight | Other |
50| -------- | -------- | ------ |
51| Normal | Regular | Text |
52| _Italic_ | **Bold** | `Code` |
53
54## Code Blocks
55
56```jsx
57// Button.jsx
58
59const Button = ({ text, onClick }) => {
60 const [count, setCount] = useState(0)
61
62 const handleClick = () => {
63 setCount(count + 1)
64 onClick?.()
65 }
66
67 return (
68 <button className="btn" onClick={handleClick}>
69 {text} ({count})
70 </button>
71 )
72}
73```
74
75## Other Elements — sub, sup, abbr, kbd, mark
76
77H<sub>2</sub>O
78
79X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
80
81<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
82
83Press <kbd>CTRL</kbd> + <kbd>ALT</kbd> + <kbd>Delete</kbd> to end the session.
84
85Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.
86
87---