Commit f5966ee
Changed files (2)
src
content
posts
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:
+
+
+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;
+ }
}