Commit f5966ee

HPCesia <me@hpcesia.com>
2025-02-06 15:33:41
feat: add Markdown example
1 parent 58ff1fb
Changed files (2)
src
content
styles
src/content/posts/markdown.md
@@ -0,0 +1,65 @@
+---
+title: Markdown Example
+description: A simple example of a Markdown blog post.
+category: Example
+slug: '19981207'
+published: 2021-07-09 12:00:00
+---
+
+Here is an example of a Markdown blog post.
+
+# Heading Level 1
+
+You can use GitHub Flavored Markdown to format your blog posts. For example, you can use **bold**, _italic_ and ~~strikethrough~~ text, create a [link](https://example.com) or just write a raw URL like https://example.com, and add images:
+![Example Image](https://example.com/image.jpg)
+
+common Markdown features like:
+
+- Lists
+  - Nested lists
+  - More nested lists
+- More lists
+- And more lists
+
+1. Numbered lists
+2. More numbered Lists
+   - Nested lists
+   - More nested lists
+     1. Nested Numbered lists
+3. And more numbered lists
+   1. Another nested numbered list
+   2. More nested numbered lists
+
+> Or a blockquote.
+
+You can use <code>\`</code> to create code line like `this`, or
+
+````markdown
+```markdown
+use triple backticks to create code blocks.
+```
+````
+
+## Heading Level 2
+
+Other GitHub Flavored Markdown features include:
+
+- [x] Task lists
+- [ ] More task lists
+- [ ] And more task lists
+
+And tables:
+| Header 1 | Header 2 |
+|----------|----------|
+| Row 1 | Row 1 |
+| Row 2 | Row 2 |
+| A looooooooooong row | A looooooooooong row |
+| A very loooooooooooooooooooooooooooooooooooooooooooooooooong row | |
+
+You can also add footnotes[^1] or [reference links][1] .
+
+[^1]: This is a footnote.
+
+[1]: https://example.com
+
+And that's it!
src/styles/markdown.scss
@@ -194,4 +194,9 @@ article {
       }
     }
   }
+
+  // 表格样式
+  table {
+    @apply table;
+  }
 }