重要
githubの公式ドキュメントをご覧ください。構文の書き込みとフォーマットの詳細をご覧ください。さらに、GitHub Changelogの投稿にアクセスして、Markdownの最新の更新と機能を読むことができます。
Markdownは、単純なテキストフォーマット構文を使用して、リッチテキスト(フォーマットテキスト)コンテンツを作成する方法です。また、プレーンテキストのフォーマットをHTMLに変換するツールでもあります。
このガイドは、GitHubフレーバーマークダウン(GFM)の重要なコマンドを包括的に理解していることを提供します。これは、Commonmarkの厳格なスーパーセットです。メディアの究極のマークダウンチートシートである記事全体を読むことができます。
# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6
< h1 >Heading 1</ h1 >
< h2 >Heading 2</ h2 >
< h3 >Heading 3</ h3 >
< h4 >Heading 4</ h4 >
< h5 >Heading 5</ h5 >
< h6 >Heading 6</ h6 >
Heading 1
=
Heading 2
-
The quick brown fox jumps over the lazy dog.
素早い茶色のキツネが怠zyな犬を飛び越えます。
MAC:コマンド+b
Windows:コントロール+b
** The quick brown fox jumps over the lazy dog. **
__ The quick brown fox jumps over the lazy dog. __
< strong >The quick brown fox jumps over the lazy dog.</ strong >
素早い茶色のキツネが怠zyな犬を飛び越えます。
素早い茶色のキツネが怠zyな犬を飛び越えます。
素早い茶色のキツネが怠zyな犬を飛び越えます。
Mac:コマンド+i
Windows:コントロール+i
* The quick brown fox jumps over the lazy dog. *
_ The quick brown fox jumps over the lazy dog. _
< em >The quick brown fox jumps over the lazy dog.</ em >
素早い茶色のキツネが怠zyな犬を飛び越えます。
素早い茶色のキツネが怠zyな犬を飛び越えます。
素早い茶色のキツネが怠zyな犬を飛び越えます。
** _ The quick brown fox jumps over the lazy dog. _ **
< strong >< em >The quick brown fox jumps over the lazy dog.</ em ></ strong >
素早い茶色のキツネが怠zyな犬を飛び越えます。
素早い茶色のキツネが怠zyな犬を飛び越えます。
MAC:コマンド+シフト+。
Windows:コントロール+シフト+。
> The quick brown fox jumps over the lazy dog.
< br >
> The quick brown fox jumps over the lazy dog.
>
> The quick brown fox jumps over the lazy dog.
>
> The quick brown fox jumps over the lazy dog.
< br >
> The quick brown fox jumps over the lazy dog.
> > The quick brown fox jumps over the lazy dog.
> > > The quick brown fox jumps over the lazy dog.
< br >
> ** The quick brown fox ** * jumps over the lazy dog. *
素早い茶色のキツネが怠zyな犬を飛び越えます。
素早い茶色のキツネが怠zyな犬を飛び越えます。
素早い茶色のキツネが怠zyな犬を飛び越えます。
素早い茶色のキツネが怠zyな犬を飛び越えます。
素早い茶色のキツネが怠zyな犬を飛び越えます。
素早い茶色のキツネが怠zyな犬を飛び越えます。
素早い茶色のキツネが怠zyな犬を飛び越えます。
素早い茶色のキツネが怠zyな犬を飛び越えます。
< samp >The quick brown fox jumps over the lazy dog.</ samp >
素早い茶色のキツネが怠zyな犬を飛び越えます。
< ins >The quick brown fox jumps over the lazy dog.</ ins >
素早い茶色のキツネが怠zyな犬を飛び越えます。
~~ The quick brown fox jumps over the lazy dog. ~~
素早い茶色のキツネが怠zyな犬を飛び越えます。
< pre >
Lorem ipsum dolor sit amet, consectetur adipiscing elit. < strike >Sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua.</ strike > Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. < strike >Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</ strike >
</ pre >
Lorem Ipsum dolor sit amet、conectetur adipiscing elit。sed do eiusmod the incidunt ut labore et dolore magna アリク。Ut Enim ad Minim veniam、quis nostrud演習ullamco laboris nisi ut aliquip ex ea commodo結果。 ボリュプタターヴェリット・エッセ・シルム・ドロア・エウ・フギアト・ヌラ・パリアトゥールのduis aute irure dolor。Sintを除く Occaecat Cupidatat Non Preident、Culpa Qui OfficiaのSunt Deserunt Mollit Anim Id Est Laborum。
< strike >
``` js
console . log ( ' Error ' );
```
</ strike >
console . log ( 'Error' ) ;
< table >< tr >< td >The quick brown fox jumps over the lazy dog.</ td ></ tr ></ table >
素早い茶色のキツネが怠zyな犬を飛び越えます。 |
log< sub >2</ sub >(x)
Subscript < sub >The quick brown fox jumps over the lazy dog.</ sub >
ログ2 (x)
サブスクリプトクイックブラウンフォックスが怠zyな犬を飛び越えます。
2 < sup >53-1</ sup > and -2 < sup >53-1</ sup >
Superscript < sup >The quick brown fox jumps over the lazy dog.</ sup >
2 53-1および-2 53-1
補助金字型の茶色のキツネは、怠zyな犬を飛び越えます。
Mathjax構文を使用:
カラー名 | コード | 例 |
---|---|---|
アプリコット | $color{Apricot}{The quick brown fox jumps over the lazy dog.}$ | |
アクアマリン | $color{Aquamarine}{The quick brown fox jumps over the lazy dog.}$ | |
ほろ苦い | $color{Bittersweet}{The quick brown fox jumps over the lazy dog.}$ | |
黒 | $color{Black}{The quick brown fox jumps over the lazy dog.}$ |
フルテーブル
クイック
ブラウンフォックス
飛び越えます
怠zyな犬。
The quick
brown fox
jumps over
the lazy dog.
クラスメソッドは、クラスオブジェクトのインスタンスメソッドです。新しいクラスが作成されると、タイプClass
のオブジェクトが初期化され、グローバル定数(この場合はモバイル)に割り当てられます。
Macでコマンド + Eを使用するか、Windowsでコントロール + Eを使用してインラインコードを挿入できます。
public static String monthNames[] = {"January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"};
```
public static String monthNames[] = {"January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"};
```
public static String monthNames [] = { "January" , "February" , "March" , "April" , "May" , "June" , "July" , "August" , "September" , "October" , "November" , "December" };
``` java
public static String monthNames[] = { " January " , " February " , " March " , " April " , " May " , " June " , " July " , " August " , " September " , " October " , " November " , " December " };
```
これとこのgithubドキュメントを参照して、すべての有効なキーワードを見つけてください。
# # git diff a/test.txt b/test.txt
diff --git a/a/test.txt b/b/test.txt
index 309ee57..c995021 100644
--- a/a/test.txt
+++ b/b/test.txt
@@ -1,8 +1,6 @@
- The quick brown fox jumps over the lazy dog
+ The quick brown fox jumps over the lazy cat
a
- b
c
d
- e
f
``` diff
# # git diff a/test.txt b/test.txt
diff --git a/a/test.txt b/b/test.txt
index 309ee57..c995021 100644
--- a/a/test.txt
+++ b/b/test.txt
@@ -1,8 +1,6 @@
- The quick brown fox jumps over the lazy dog
+ The quick brown fox jumps over the lazy cat
a
- b
c
d
- e
f
```
- Text in Red
+ Text in Green
! Text in Orange
# Text in Gray
@@ Text in Purple and bold @@
``` diff
- Text in Red
+ Text in Green
! Text in Orange
# Text in Gray
@@ Text in Purple and bold @@
```
< p align = " left " >
< img src = " https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2772&q=80 " width = " 100 " height = " 100 " border = " 10 " />
</ p >
< p align = " center " >
< img src = " https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2772&q=80 " width = " 100 " height = " 100 " border = " 10 " />
</ p >
< p align = " right " >
< img src = " https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2772&q=80 " width = " 100 " height = " 100 " border = " 10 " />
</ p >
< h3 align = " center " > My latest Medium posts </ h3 >
< table >
< tr >
< td width = " 33% " " >
The quick brown fox jumps over the lazy dog.
</ td >
< td width = " 33% " >
The quick brown fox jumps over the lazy dog.
</ td >
< td width = " 33% " >
The quick brown fox jumps over the lazy dog.
</ td >
</ tr >
</ table >
素早い茶色のキツネが怠zyな犬を飛び越えます。 | 素早い茶色のキツネが怠zyな犬を飛び越えます。 | 素早い茶色のキツネが怠zyな犬を飛び越えます。 |
| Default | Left align | Center align | Right align |
| - | :- | :-: | -: |
| 9999999999 | 9999999999 | 9999999999 | 9999999999 |
| 999999999 | 999999999 | 999999999 | 999999999 |
| 99999999 | 99999999 | 99999999 | 99999999 |
| 9999999 | 9999999 | 9999999 | 9999999 |
| Default | Left align | Center align | Right align |
| ---------- | :--------- | :----------: | ----------: |
| 9999999999 | 9999999999 | 9999999999 | 9999999999 |
| 999999999 | 999999999 | 999999999 | 999999999 |
| 99999999 | 99999999 | 99999999 | 99999999 |
| 9999999 | 9999999 | 9999999 | 9999999 |
Default | Left align | Center align | Right align
---------- | :--------- | :----------: | ----------:
9999999999 | 9999999999 | 9999999999 | 9999999999
999999999 | 999999999 | 999999999 | 999999999
99999999 | 99999999 | 99999999 | 99999999
9999999 | 9999999 | 9999999 | 9999999
デフォルト | 左アライメント | センターアライメント | 右アライメント |
---|---|---|---|
999999999 | 999999999 | 999999999 | 999999999 |
99999999 | 99999999 | 99999999 | 99999999 |
99999999 | 99999999 | 99999999 | 99999999 |
9999999 | 9999999 | 9999999 | 9999999 |
デフォルト | 左アライメント | センターアライメント | 右アライメント |
---|---|---|---|
999999999 | 999999999 | 999999999 | 999999999 |
99999999 | 99999999 | 99999999 | 99999999 |
99999999 | 99999999 | 99999999 | 99999999 |
9999999 | 9999999 | 9999999 | 9999999 |
デフォルト | 左アライメント | センターアライメント | 右アライメント |
---|---|---|---|
999999999 | 999999999 | 999999999 | 999999999 |
99999999 | 99999999 | 99999999 | 99999999 |
99999999 | 99999999 | 99999999 | 99999999 |
9999999 | 9999999 | 9999999 | 9999999 |
< table >
< tr >
< th >Heading 1</ th >
< th >Heading 2</ th >
</ tr >
< tr >
< td >
| A | B | C |
| -- | -- | -- |
| 1 | 2 | 3 |
</ td >< td >
| A | B | C |
| -- | -- | -- |
| 1 | 2 | 3 |
</ td ></ tr > </ table >
見出し1 | 見出し2 | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
|
| A | B | C |
| --- | --- | --- |
| 1 | 2 | 3 < br /> 4 < br /> 5 |
a | b | c |
---|---|---|
1 | 2 | 3 4 5 |
< table >
< tr >
< th >Before Hoisting</ th >
< th >After Hoisting</ th >
</ tr >
< tr >
< td >
< pre lang = " js " >
console.log(fullName); // undefined
fullName = "Dariana Trahan";
console.log(fullName); // Dariana Trahan
var fullName;
</ pre >
</ td >
< td >
< pre lang = " js " >
var fullName;
console.log(fullName); // undefined
fullName = "Dariana Trahan";
console.log(fullName); // Dariana Trahan
</ pre >
</ td >
</ tr >
</ table >
巻き上げる前に | 巻き上げた後 |
---|---|
console . log ( fullName ) ; // undefined
fullName = "Dariana Trahan" ;
console . log ( fullName ) ; // Dariana Trahan
var fullName ; | var fullName ;
console . log ( fullName ) ; // undefined
fullName = "Dariana Trahan" ;
console . log ( fullName ) ; // Dariana Trahan |
[ The-Ultimate-Markdown-Cheat-Sheet ] ( https://github.com/lifeparticle/Markdown-Cheatsheet )
集合的なマークダウンチートシート
[ The-Ultimate-Markdown-Cheat-Sheet ] [ reference text ]
[ The-Ultimate-Markdown-Cheat-Sheet ] [ 1 ]
[ Markdown-Cheat-Sheet ]
[ reference text ] : https://github.com/lifeparticle/Markdown-Cheatsheet
[ 1 ] : https://github.com/lifeparticle/Markdown-Cheatsheet
[ Markdown-Cheat-Sheet ] : https://github.com/lifeparticle/Markdown-Cheatsheet
集合的なマークダウンチートシート
集合的なマークダウンチートシート
マークダウンチートシート
脚注。 1
他のいくつかの重要な脚注。 2
Footnote. [ ^ 1 ]
Some other important footnote. [ ^ 2 ]
[ ^ 1 ] : This is footnote number one.
[ ^ 2 ] : Here is the second footnote.
[ Example of a relative link ] ( rl.md )
相対リンクの例
Visit https://github.com/
https://github.com/をご覧ください
Email at [email protected]
[email protected]にメールしてください
バイナリツリーを使用して、マークダウンテーブルを作成できます。
バイナリツリーを使用して、マークダウンテーブルを作成できます。
< https://github.com/ >
https://github.com/
[ BinaryTree ] ( https://binarytree.dev/ )
バイナリツリー
Altテキストとタイトルはオプションです。
![ alt text ] ( https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=100&q=80 " Title text ")
![ alt text ] [ image ]
[ image ] : https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=100&q=80 " Title text "
< img src = " https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2772&q=80 " width = " 100 " height = " 100 " border = " 10 " />
< img src = " https://media.giphy.com/media/qLHzYjlA2FW8g/giphy.gif " />
< img src = " https://img.shields.io/badge/theultimatemarkdowncheatsheet-brightgreen.svg " />
[ ![ BinaryTree ] ( https://github.com/lifeparticle/lifeparticle/blob/master/gh_social_light.png )] ( https://binarytree.dev/ )
< a href = ' https://binarytree.dev/ ' target = ' _blank ' > < img src = ' https://github.com/lifeparticle/lifeparticle/blob/master/gh_social_light.png ' /> </ a >
HTML <picture>
要素は、 prefers-color-scheme
メディア機能とともに、ユーザーの配色の好みに応じて画像を動的に調整し、明るいモードとダークモードの両方にオプションを提供することができます。
たとえば、以下のコードスニペットは、ユーザーのデバイスがダークモードに設定されているときにダークテーマのバイナリツリーロゴを表示する方法と、ライトモード設定用のライトテーマのバイナリツリーロゴを表示する方法を示しています。
< picture >
< source media = " (prefers-color-scheme: dark) " srcset = " https://github.com/lifeparticle/lifeparticle/blob/master/gh_social_dark.png " >
< source media = " (prefers-color-scheme: light) " srcset = " https://github.com/lifeparticle/lifeparticle/blob/master/gh_social_light.png " >
< img alt = " BinaryTree " src = " https://github.com/lifeparticle/lifeparticle/blob/master/gh_social_light.png " width = " 200 " >
</ picture >
[ ![ Badge ] [ Logo-dark ]] ( https://binarytree.dev#gh-dark-mode-only )
[ ![ Badge ] [ Logo-light ]] ( https://binarytree.dev#gh-light-mode-only )
[ Logo-dark ] : https://github-readme-stats.vercel.app/api?username=lifeparticle&theme=graywhite&show_icons=true#gh-light-mode-only
[ Logo-light ] : https://github-readme-stats.vercel.app/api?username=lifeparticle&theme=dark&show_icons=true#gh-dark-mode-only
< a href = " https://github.com/anuraghazra/github-readme-stats#gh-light-mode-only " >
< img src = " https://github-readme-stats.vercel.app/api?username=lifeparticle&theme=graywhite&show_icons=true#gh-light-mode-only " width = " 350 " alt = " This image shows a summary of Mahbub Zaman's GitHub statistics. " />
</ a >
< a href = " https://github.com/anuraghazra/github-readme-stats#gh-dark-mode-only " >
< img src = " https://github-readme-stats.vercel.app/api?username=lifeparticle&theme=dark&show_icons=true#gh-dark-mode-only " width = " 350 " alt = " This image shows a summary of Mahbub Zaman's GitHub statistics. " />
</ a >
![ GitHub forks ] ( https://img.shields.io/github/forks/lifeparticle/Markdown-Cheatsheet?style=for-the-badge )
MAC:コマンド+シフト+7
Windows:コントロール+シフト+7
1 . One
2 . Two
3 . Three
1 . First level
1 . Second level
- Third level
- Fourth level
2 . First level
1 . Second level
3 . First level
1 . Second level
MAC:コマンド+シフト+8
Windows:コントロール+シフト+8
* 1
* 2
* 3
+ 1
+ 2
+ 3
- 1
- 2
- 3
- First level
- Second level
- Third level
- Fourth level
- First level
- Second level
- First level
- Second level
< ul >
< li >First item</ li >
< li >Second item</ li >
< li >Third item</ li >
< li >Fourth item</ li >
</ ul >
- [x] Fix Bug 223
- [ ] Add Feature 33
- [ ] Add unit tests
< kbd >cmd + shift + p</ kbd >
CMD + Shift + p
< kbd > < br > cmd + shift + p < br > </ kbd >
CMD + Shift + p
< kbd > [ Markdown-Cheatsheet ] ( https://github.com/lifeparticle/Markdown-Cheatsheet ) </ kbd >
Markdown-Cheatsheet
[ < kbd >Markdown-Cheatsheet</ kbd > ] ( https://github.com/lifeparticle/Markdown-Cheatsheet )
Markdown-Cheatsheet
Markdown-Cheatsheet
< kbd > < br > [ Markdown-Cheatsheet ] ( https://github.com/lifeparticle/Markdown-Cheatsheet ) ↗️ < br > </ kbd >
< details >
< summary >Markdown</ summary >
- < kbd > [ Markdown Editor ] ( https://binarytree.dev/me ) </ kbd >
- < kbd > [ Table Of Content ] ( https://binarytree.dev/toc ) </ kbd >
- < kbd > [ Markdown Table Generator ] ( https://binarytree.dev/md_table_generator ) </ kbd >
</ details >
---
***
___
``` mermaid
pie
"Movies" : 80
"TV shows" : 20
```
パイ
「映画」:80
「テレビ番組」:20
重要
GitHubの公式ドキュメントをご覧ください。MathJaxSyntaxの書き込みとフォーマットの詳細をご覧ください。
This is an inline math expression $x = {-b pm sqrt{b^2-4ac} over 2a}$
これはインライン数学の表現です
$$
x = {-b pm sqrt{b^2-4ac} over 2a}
$$
> [ !NOTE ]
> Essential details that users should not overlook, even when browsing quickly.
< br >
> [ !TIP ]
> Additional advice to aid users in achieving better outcomes.
< br >
> [ !IMPORTANT ]
> Vital information required for users to attain success.
< br >
> [ !WARNING ]
> Urgent content that requires immediate user focus due to possible risks.
< br >
> [ !CAUTION ]
> Possible negative outcomes resulting from an action.
注記
すぐに閲覧しても、ユーザーが見落とさないでください。
ヒント
ユーザーがより良い結果を達成するのを支援する追加のアドバイス。
重要
ユーザーが成功を達成するために必要な重要な情報。
警告
リスクの可能性があるため、即時のユーザーフォーカスを必要とする緊急のコンテンツ。
注意
アクションに起因する否定的な結果の可能性。
問題:
@ lifeparticle
問題に示されている例
マークダウンファイル:
https://github.com/lifeparticle
https://github.com/lifeparticle
問題:
# 1
# 10
問題に示されている例
マークダウンファイル:
https://github.com/lifeparticle/Markdown-Cheatsheet/issues/1
https://github.com/lifeparticle/Markdown-Cheatsheet/pull/10
#1
#10
問題:
` #ffffff `
` #000000 `
問題に示されている例
マークダウンコードを表示するには、コード(右上)またはRAW(左上)オプションをクリックします。
注記
マークダウンファイルをクリックして、上記のビューを表示していることを確認してください。
問題になり、リクエストタイトルをプルします。
TEST
問題
` TEST ` ISSUE
MarkdownのURLが参照するラベルは、自動的にレンダリングされます。
ドキュメント
https://github.com/lifeparticle/Markdown-Cheatsheet/labels/documentation
<!--
Lorem ipsum dolor sit amet
-->
* Asterisk
Backslash
` Backtick
{} Curly braces
. Dot
! Exclamation mark
# Hash symbol
- Hyphen symbol
() Parentheses
+ Plus symbol
[ ] Square brackets
_ Underscore`
()括弧
[]四角いブラケット_アンダースコア
* Asterisk
\ Backslash
` Backtick
{ } Curly braces
. Dot
! Exclamation mark
# Hash symbol
- Hyphen symbol
( ) Parentheses
+ Plus symbol
[ ] Square brackets
_ Underscore
* asterisk backslash `backtick {} curly braces。ドット!感嘆符マーク#ハッシュシンボル - ハイフンシンボル()括弧 +プラスシンボル[]四角いブラケット_アンダースコア
:octocat:
Github Markdown Emoji Markupの完全なリスト
<br>
使用して、単一のラインブレークを挿入できます。必ずEMスペースを使用してください
。例えば:
< table >< tr >< td > < br > The quick brown fox jumps over the lazy dog. < br > </ td ></ tr ></ table >
素早い茶色のキツネが怠zyな犬を飛び越えます。 |
または
< table >< tr >< td > < br >< br >< br > The quick brown fox jumps over the lazy dog. < br >< br >< br > </ td ></ tr ></ table >
素早い茶色のキツネが怠zyな犬を飛び越えます。 |
まず、マークダウンファイルの開始時に次のコードを配置します
< a name = " top " ></ a >
次に、トップに戻りたい場所で次のコードのいずれかを使用します。
トップに戻ります
⬆⬆️
[ Back to top ] ( #top )
[ : arrow_up : ] ( #top )
BitbucketはReadmesのMarkdownをサポートしました。また、目次を作成します。
Azure Devopsは、Project WikiのMarkdownをサポートしました。
MDXを使用して、JSXをMarkdownドキュメントに記述できます。
このREADMEは、GitHubのブログ投稿「GitHubプロファイルページをアクセスできるようにするためのヒント」に基づいてアクセシビリティのために最適化されています。
これは脚注のナンバーワンです。 ↩
これが2番目の脚注です。 ↩