以下に、マークダウンのサンプルを示します。
h1
h2
h3
見出しです。h1~h3まで対応しています。
# h1
## h2
### h3
強調はこんな感じです。
**強調したい**ところを**で囲む
リンク → Astro
[Astro](https://astro.build/)
引用
引用はこんな感じです
引用テキスト
> 引用テキスト
> 引用です
コードブロック
---
import Layout from '../layouts/Layout.astro';
import SnsLinks from '../components/SnsLinks.astro';
import { SITE_CONF } from '../siteConfig.ts';
---
<Layout title={`About | ${SITE_CONF.title}`} ogImage={SITE_CONF.aboutCover}>
<div class="header"><h1 class="page-title">About</h1></div>
<div class="about-main-container">
<div class="about-main-cover"><img src= {SITE_CONF.aboutCover} alt=""></div>
<div class="about-main-prof">
<h2 class="name">{SITE_CONF.author.name}</h2>
<p>{SITE_CONF.author.introduction}</p>
<SnsLinks />
</div>
</div>
</Layout>
インラインコード → こんな感じ
バッククォートで`囲む`
区切り線
---
リスト
- リスト1
- リスト2
- リスト3
- リスト
- リスト
- リスト
番号リスト
- リスト
- リスト2
- リスト3
1. リスト
1. リスト
1. リスト
// ↑自動でナンバリングされます
テーブル(表)
| Left align | Right align | Center align |
|---|---|---|
| This | This | This |
| column | column | column |
| will | will | will |
| be | be | be |
| left | right | center |
| aligned | aligned | aligned |
| Left align | Right align | Center align |
|:-----------|------------:|:------------:|
| This | This | This |
| column | column | column |
| will | will | will |
| be | be | be |
| left | right | center |
| aligned | aligned | aligned |
画像

// ()には画像の相対パスを入力します