# About Markdown parser code sample

- URL: <https://krymtkts.github.io/blog-fable/posts/2023-02-01-about-markdown-parser.html.md>
- Date: 2023-02-01
- Author: krymtkts
- Tags: sample, markdown, fsharp

You can write posts or pages in Markdown.
Markdown is parse by [Marked](https://marked.js.org/).

The sample rendering is following.

---

plain

_italic_

**bold**

`code`

~~strikethrough~~

plain _italic_ **bold** `code` ~~strikethrough~~

`extreme long inline code ......................................................................`

Recommends to start Markdown headings from h2 because it render the blog title as h1.

footnote like this[^1] [^2]

[^1]: footnote line requires blank line before.
[^2]: footnote with [link](https://github.com/krymtkts/blog-fable)

## blockquote

> blockquote
>
> blockquote
> blockquote

## codeblock

```fsharp
module App

open StaticWebGenerator

render
    { stage = dev
      lang = "ja"
      siteName = "Blog Fable"
      description = "A small Fable app project to generate static pages"
      siteUrl = "https://krymtkts.github.io"
      pathRoot = "/blog-fable"
      copyright = "2023 krymtkts"
      favicon = "/img/favicon.ico"
      highlightStyle = "node_modules/highlight.js/styles/base16/solarized-dark.min.css"

      src = "contents"
      dst = "docs"

      posts = { root = "/posts"; title = "Posts" }
      pages = { root = "/pages"; title = "Pages" }
      tags = { root = "/tags"; title = "Tags" }
      archives =
        { root = "/archives"
          title = "Archives" }
      images = "/img"

      feedName = "feed"

      additionalNavs =
          [ { text = "About"
              path = "/pages/about.html" } ]

      timeZone = "Asia/Tokyo"

      sitemap =
          { index = 1.0
            archives = 0.8
            tags = 0.8
            posts = 0.9
            pages = 0.8 } }
```

## list

- bullet list item a
  - [x] level 2 task item 1
  - [ ] level 2 task item 2
    - level 3
      - level 4

1. ordered list
   1. [ ] level 2 task item
      1. level 3
      - [ ] level 4
   2. level 2 item b
   - [ ] level 3

- composition

  1. [x] ordered item 1
     - ~~strikethrough~~

  - unordered item 1 has extreme long label text ......................................
  - [ ] unordered item 2 has extreme long label text ......................................
    - `inline code`
    1. _italic_
       - **bold**
         - **_italic bold_**
  - > blockquote
    >
    > multiline
  - ```fsharp
    module App

    open StaticWebGenerator
    ```

## table

| col1 | col2 |  col3 | col4 |
| ---- | :--- | ----: | :--: |
| 1    | 2    |     3 |  4   |
| one  | two  | three | four |

## link

[krymtkts/blog-fable](https://github.com/krymtkts/blog-fable)