--- title: "Markdown 入門の基礎：チュートリアル構文大全 - 憂いを忘れる一枚" description: "Markdown 構文は Flarum が主に推奨しているコンテンツ入力方式です（ほかに BBCode もあり、後ほど説明します）。ここでは Markdown の使い方を簡単に紹介します。本記事は主に Flarum の初心者向けに書かれており、初心者が素早く上級者になれるようサポートします。" canonical_url: "https://www.ikxin.com/ja/article/markdown-syntax-guide" last_updated: "2026-09-16T09:59:27.259Z" locale: ja meta: "og:description": "Markdown 構文は Flarum が主に推奨しているコンテンツ入力方式です（ほかに BBCode もあり、後ほど説明します）。ここでは Markdown の使い方を簡単に紹介します。本記事は主に Flarum の初心者向けに書かれており、初心者が素早く上級者になれるようサポートします。" "og:image": "https://www.ikxin.com/_og/d/h_630%2Ca_~TWFya2Rvd24g5YWl6ZaA44Gu5Z-656SO77ya44OB44Ol44O844OI44Oq44Ki44Or5qeL5paH5aSn5YWoIC0g5oaC44GE44KS5b-Y44KM44KL5LiA5p6a%2Cc_Article%2Ctitle_~TWFya2Rvd24g5YWl6ZaA44Gu5Z-656SO77ya44OB44Ol44O844OI44Oq44Ki44Or5qeL5paH5aSn5YWo%2Cdescription_~TWFya2Rvd24g5qeL5paH44GvIEZsYXJ1bSDjgYzkuLvjgavmjqjlpajjgZfjgabjgYTjgovjgrPjg7Pjg4bjg7Pjg4TlhaXlipvmlrnlvI~jgafjgZnvvIjjgbvjgYvjgasgQkJDb2RlIOOCguOBguOCiuOAgeW-jOOBu-OBqeiqrOaYjuOBl-OBvuOBme-8ieOAguOBk-OBk-OBp-OBryBNYXJrZG93biDjga7kvb~jgYTmlrnjgpLnsKHljZjjgavntLnku4vjgZfjgb7jgZnjgILmnKzoqJjkuovjga~kuLvjgasgRmxhcnVtIOOBruWIneW~g-iAheWQkeOBkeOBq-abuOOBi-OCjOOBpuOBiuOCiuOAgeWIneW~g-iAheOBjOe0oOaXqeOBj-S4iue0muiAheOBq-OBquOCjOOCi-OCiOOBhuOCteODneODvOODiOOBl-OBvuOBmeOAgg%2CsiteName_~5oaC44GE44KS5b-Y44KM44KL5LiA5p6a%2CsiteHost_www.ikxin.com%2Cp_Ii9qYS9hcnRpY2xlL21hcmtkb3duLXN5bnRheC1ndWlkZSI%2Cs_kEeLpblTsikEJ2CN.png" "og:image:alt": "Markdown 入門の基礎：チュートリアル構文大全 - 憂いを忘れる一枚" "og:image:height": "630" "og:image:type": image/png "og:image:width": "1200" "og:title": "Markdown 入門の基礎：チュートリアル構文大全" "twitter:image": "https://www.ikxin.com/_og/d/h_630%2Ca_~TWFya2Rvd24g5YWl6ZaA44Gu5Z-656SO77ya44OB44Ol44O844OI44Oq44Ki44Or5qeL5paH5aSn5YWoIC0g5oaC44GE44KS5b-Y44KM44KL5LiA5p6a%2Cc_Article%2Ctitle_~TWFya2Rvd24g5YWl6ZaA44Gu5Z-656SO77ya44OB44Ol44O844OI44Oq44Ki44Or5qeL5paH5aSn5YWo%2Cdescription_~TWFya2Rvd24g5qeL5paH44GvIEZsYXJ1bSDjgYzkuLvjgavmjqjlpajjgZfjgabjgYTjgovjgrPjg7Pjg4bjg7Pjg4TlhaXlipvmlrnlvI~jgafjgZnvvIjjgbvjgYvjgasgQkJDb2RlIOOCguOBguOCiuOAgeW-jOOBu-OBqeiqrOaYjuOBl-OBvuOBme-8ieOAguOBk-OBk-OBp-OBryBNYXJrZG93biDjga7kvb~jgYTmlrnjgpLnsKHljZjjgavntLnku4vjgZfjgb7jgZnjgILmnKzoqJjkuovjga~kuLvjgasgRmxhcnVtIOOBruWIneW~g-iAheWQkeOBkeOBq-abuOOBi-OCjOOBpuOBiuOCiuOAgeWIneW~g-iAheOBjOe0oOaXqeOBj-S4iue0muiAheOBq-OBquOCjOOCi-OCiOOBhuOCteODneODvOODiOOBl-OBvuOBmeOAgg%2CsiteName_~5oaC44GE44KS5b-Y44KM44KL5LiA5p6a%2CsiteHost_www.ikxin.com%2Cp_Ii9qYS9hcnRpY2xlL21hcmtkb3duLXN5bnRheC1ndWlkZSI%2Cs_kEeLpblTsikEJ2CN.png" "twitter:image:alt": "Markdown 入門の基礎：チュートリアル構文大全 - 憂いを忘れる一枚" --- > Index of every page on this site: [llms.txt](https://www.ikxin.com/llms.txt) # **Markdown 入門の基礎：チュートリアル構文大全** 2018.07.26 4,488 0 Markdown 構文は Flarum が主に推奨しているコンテンツ入力方式です（ほかに BBCode もあり、後ほど説明します）。ここでは Markdown の使い方を簡単に紹介します。本記事は主に Flarum の初心者向けに書かれており、初心者が素早く上級者になれるようサポートします。 ## 見出し 見出しは、すべての記事に必要であり、最もよく使われる形式でもあります。Markdown では、ある文章を見出しとして定義する場合、その文章の前に # 記号を付けるだけです。注：「#」と見出しの間にはスペースが 1 つ必要です。これを繰り返すことで、全部で 6 段階の見出し（H1 から H6、# 記号の後には必ずスペースが必要）を作成できます。ただし、Flarum がサポートしているのは H1 から H3 までなので、最大で 3 つの「#」しか入力できません。 Plain Text ``` # 一级标题 ``` Plain Text ``` ## 二级标题 ``` Plain Text ``` ### 三级标题 ``` --- ## リスト HTML に慣れている方なら、順序付きリストと順序なしリストの違いはよくご存じでしょう。Markdown では、文字の前に - または \* を付けるだけで順序なしリストになります。順序付きリストの場合は、文字の前に 1. 2. 3. を直接付け、記号と文字の間には 1 文字分のスペースを入れます。 順序なしリスト Plain Text ``` - 1- 2- 3 ``` 順序付きリスト Plain Text ``` 1. a2. b3. c ``` 多層リスト Plain Text ``` - 嵌套列表 + 嵌套列表 + 嵌套列表 - 嵌套列表 * 嵌套列表- 嵌套列表 ``` --- ## 引用 別の場所にある文章の一部を引用したい場合は、引用形式を使います。テキストの前に > という山括弧（大なり記号）を付けるだけです。 Plain Text ``` > 例如这样 ``` --- ## 画像とリンク リンクの挿入と画像の挿入は構文がよく似ています。違いは ! 記号の有無で、中括弧はリンクテキスト（画像では省略可能）、括弧はリンク先のアドレスです。 ### リンクの追加 Plain Text ``` [Notte 博客](https://www.ikxin.com/) ``` ### 高度なリンク タイトル付きリンク Plain Text ``` [鼠标移上来](https://www.google.com "Google 首页") ``` 参照リンク（参照内容には制限がなく、任意の文字、さらには数字も記述できます） Plain Text ``` [引用式链接][Notte 博客][Notte 博客]: https://www.ikxin.com/ ``` 内部リンク Plain Text ``` [内部文件](../blob/master/LICENSE) ``` ### 画像の追加 Plain Text ``` ![图片介绍](https://img.8b5.cn/2018/07/26/5b5957facadf4.png) ``` 無料画像サイトのおすすめ：sm.ms この画像サイトは Markdown 構文のリンクを生成できます。 ### 高度な画像 説明付き画像 Plain Text ``` ![alt text](https://img.8b5.cn/2018/07/26/5b5957facadf4.png "Logo 文本") ``` 参照形式のリンク Plain Text ``` ![alt text][logo][logo]: https://img.8b5.cn/2018/07/26/5b5957facadf4.png "Logo 文本" ``` --- ## 太字、斜体、取り消し線 Markdown の太字と斜体はとても簡単です。2 つのアスタリスクでテキストを囲むと太字になり、1 つのアスタリスクでテキストを囲むと斜体になります。 Plain Text ``` **这里是粗体***这里是斜体*~~这里是删除线~~ ``` --- ## 脚注 特別な注記に使用します。スペースが終了を示します。 Plain Text ``` 二月十四号^情人节 这天 ``` --- ## コードボックス プログラマーで、記事内にコードを整然と引用したい場合、Markdown での実現も非常に簡単です。\`\` 記号 \` でコードを囲むだけです。書き方は 2 種類あります。 1. \`\` 記号 \` 1 つまたは 2 つはインラインテキストを表します Plain Text ``` 分别是 `蔬菜` 和 ``水果`` ``` 2. \`\` 記号 \` を 3 つ使い、改行して中央のコードを囲む方法は、BBCode の code の使い方と同じです（手を抜きたい場合は、スペースを 4 つ入力して実現することもできます）。 --- ## 区切り線 1 行に 3 つ以上のアスタリスク (\*)、ハイフン (-)、アンダースコア (\_) を使うと、区切り線を作成できます。 Plain Text ``` ***---___ ``` **ヒント**：Markdown のリスト構文が機能しない場合は、1 行目の前で改行（先頭行を改行）してください。 --- Flarum がサポートしている BBCode も紹介します。 1. 太字： `[b]bold[/b]` 2. 斜体： `[i]italic[/i]` 3. 下線： `[u]underline[/u]` 4. 取り消し線： `[s]strike[/s]` 5. リンク： `[url=http://www.xfum.org/]链接[/url]` 6. 構文ハイライト： `[code lang=php][/code]` 7. 文字色： `[color=red]红色[/color]` または `[color=#ff0000]红色[/color]` 8. 文字サイズ： `[size=10]10字号[/size]` 9. 中央揃え： `[center]居中内容[/center]` 10. 非表示コンテンツ： `[details=点击查看]隐藏内容[/details]` 11. 音声： `[audio]https://awk.tw/audio/How.to.pronounce.Vivaldi.mp3[/audio]` 12. 動画： `[video]https://awk.tw/video/opera_new.mp4[/video]` そのほか `[img]`、`[list]` などもサポートしていますが、Markdown のほうが優れた実装を提供しているため、BBCode の使用はおすすめしません。 13. リスト： Plain Text ``` [LIST][*]Bullet 1[*]Bullet 2[/LIST][LIST=1][*]Entry 1[*]Entry 2[/LIST] ``` 14. ハイライトコンテンツ（dev 0.6.2 で追加） コード：`[hl]高亮内容[/hl]` ## **コメント** (0) まだコメントはありません ## **コメントを投稿** ```json {"@context":"https://schema.org","@graph":[{"@id":"https://www.ikxin.com/ja#website","@type":"WebSite","description":"「憂いを忘れる一枚」は、技術探究と日々の暮らしをテーマにした個人サイトです。Web 開発、バックエンド、DevOps の実践を記録し、ソフトウェアツールやデジタル体験、コードの外で得た見聞と思索を共有します。","inLanguage":"ja-JP","name":"憂いを忘れる一枚","url":"https://www.ikxin.com/ja","translationOfWork":{"@id":"https://www.ikxin.com/#website"}},{"@id":"https://www.ikxin.com/ja/article/markdown-syntax-guide#webpage","@type":"WebPage","description":"Markdown 構文は Flarum が主に推奨しているコンテンツ入力方式です（ほかに BBCode もあり、後ほど説明します）。ここでは Markdown の使い方を簡単に紹介します。本記事は主に Flarum の初心者向けに書かれており、初心者が素早く上級者になれるようサポートします。","name":"Markdown 入門の基礎：チュートリアル構文大全","url":"https://www.ikxin.com/ja/article/markdown-syntax-guide","isPartOf":{"@id":"https://www.ikxin.com/ja#website"},"potentialAction":[{"@type":"ReadAction","target":["https://www.ikxin.com/ja/article/markdown-syntax-guide"]}]}]} ``` ## Sitemap See the full [sitemap](https://www.ikxin.com/sitemap.md) for all pages.