あじょろぐ

https://blog.azyobuzi.net/

コントリビューション

ここ間違っているぞ、文章が読みづらいデザインだぞ、などありましたら、お気軽に Issue, Pull Request してください。

筆者に議論をふっかけたいぞと思ったときは Twitter @azyobuzin にリプライするのが確実です。

構文リファレンス

Markdown

Frontmatter

---
pubdate: 2021-08-28T22:00+09:00
tags: [tag]
sectnums: true
description: SEO！
thumbnail: thumbnail.jpg
stlye: |
  CSS is Awesome
---

タイトル

h1 がタイトル扱い

# タイトル

samp ブロック

code ではなく samp が妥当な場合に。

```samp
コマンドライン出力
```

HTML

Markdown を拡張しだすとキリがなくなるので、足りない機能は HTML で補う。

図表番号

data-num 属性を指定すると、図表番号を表示するようになる。

<figure id="fig-x" class="fig-img" data-num="図">
  <img src="path/to/img.jpg" alt="" />
  <figcaption>タイトル</figcaption>
</figure>

↓

<figure id="fig-x" class="fig-img" data-num="図">
  <img src="path/to/img.jpg" alt="" />
  <figcaption>図 1: タイトル</figcaption>
</figure>

図表参照

a タグの中身が空ならば、図表番号に置き換える。

[](#fig-x)

↓

<a href="#fig-x">図 1</a>

Admonitions

DocBook の意味に従う。未実装のものは必要になったら追加する。

<div role="note" class="note note-important">
  <h4 class="note-heading">重要なこと</h4>
  <div class="note-content">
    <p>
      Nonumy clita delenit accusam dolore consetetur rebum velit amet duis
      nonumy.
    </p>
  </div>
</div>

<div role="note" class="note note-caution">
  <h4 class="note-heading">注意深く行動すること</h4>
  <div class="note-content">
    <p>Erat dolores wisi sed aliquip labore rebum.</p>
  </div>
</div>

<div role="note" class="note note-warning">
  <h4 class="note-heading">従わないとやばいことになる可能性があること</h4>
  <div class="note-content">
    <p>
      Invidunt diam tation elitr erat at eum dolor erat aliquyam nonumy ipsum.
    </p>
  </div>
</div>

追記

<ab-insblock datetime="2021-09-27">
  <p>変更がありました。</p>
</ab-insblock>

↓

<ins class="note ins-block" datetime="2021-09-27" role="note">
  <div class="note-heading">
    追記 <time datetime="2021-09-27">2021/09/27</time>
  </div>
  <div class="note-content">
    <p>変更がありました。</p>
  </div>
</ins>