kabablog
技術の話

Markdownの書式をよく忘れてしまうのでメモしておいた

Contents
  1. 初めに
  2. そもそもMarkdownとは
  3. 見出し
  4. 見出し h2
  5. リスト
  6. リンク
  7. テーブル
  8. コードブロック
  9. 最後に

初めに

Markdownの書き方を知りたいなら、Googleの力を借りればたくさん参考ページが出てきますが、自分がよく使うものに絞って残しておこうかと思います。
実はこのブログもMarkdownで書いてからhtmlに変換して載せています。

そもそもMarkdownとは

vwikipediaに聞いてみると 文書を記述するための軽量マークアップ言語の一つで、通常のテキスト形式で書いたものをHTMLに生成するために開発されたものと書いてあります。 少なくとも、HTMLが作れるが、HTMLのタグ入れにそれほど時間がかからなくてすむものとのことです。

今回記載予定のもの。必要に応じて更新しようと思います。

  • 見出し
  • リスト
  • リンク
  • テーブル
  • コードブロック

見出し

書き方

# 見出し h1
## 見出し h2
### 見出し h3
#### 見出し h4
##### 見出し h5
###### 見出し h6
####### 見出し h7?

表示


見出し h1

見出し h2

見出し h3

見出し h4

見出し h5
見出し h6

####### 見出し h7?

見出し h7というのはなさそうです。 HTMLにするとこのようなイメージです。

<h1>見出し h1</h1>
<h2>見出し h2</h2>
<h3>見出し h3</h3>
<h4>見出し h4</h4>
<h5>見出し h5</h5>
<h6>見出し h6</h6>

リスト

書き方

* aaa
- aaa
+ aaa

表示

  • aaa
  • aaa
  • aaa

書き方(番号付き)

1. aaa
1. aaa

表示(番号付き)

  1. aaa
  2. aaa

リンク

書き方

[Markdown from Wikipedia](https://ja.wikipedia.org/wiki/Markdown)

表示

Markdown from Wikipedia

テーブル

書き方

|No.|column1|column2|column3|
|:--|:--|--:|:--:|
|1|align left|align right|align center|
|2|a|b|c|
|3|d|-|-|

表示

No. column1 column2 column3
1 align left align right align center
2 a b c
3 d

コードブロック

pythonコードの場合です。

書き方

```python
print("hogehoge")
```

表示

print("hogehoge")

最後に

書いて慣れるのみです。
慣れるまでは、ここのようなページをぜひ参照ください。

おまけです。
改行(<br>)はスペース2つ入れると入ります。単純に改行してもhtml上では改行されません。
改行したい文の文末にスペースを2つ入れると改行します。

Blog Ranking Site

よかったら応援クリックお願いします!

にほんブログ村 旅行ブログ 東南アジア旅行へ
にほんブログ村 にほんブログ村 旅行ブログへ
にほんブログ村 PVアクセスランキング にほんブログ村