デジタルカのマークダウンでできること
MIYAKE
2022/6/12
デジタルカの記事はマークダウン記法で作成することができます。
タイポグラフィ
書き方
# H1 テキストテキスト
## H2 テキストテキスト
### H3 テキストテキスト
#### H4 テキストテキスト
##### H5 テキストテキスト
###### H6 テキストテキスト
結果
H1 テキストテキスト
H2 テキストテキスト
H3 テキストテキスト
H4 テキストテキスト
H5 テキストテキスト
H6 テキストテキスト
改行
文章を折り返す方法は2つあります。
- <br>タグを書く
2.半角スペース2つを書く
<br>タグでの改行
書き方
これは\<br>で改行しています。<br>
これは\<br>で改行しています。
結果
これは<br>で改行しています。
これは<br>で改行しています。
半角スペース2つでの改行
書き方
これは半角スペース2つで改行しています。\
これは半角スペース2つで改行しています。
結果
これは半角スペース2つで改行しています。
これは半角スペース2つで改行しています。
リスト
書き方
番号付き
1. デジタルカとは
2. デジタルカの特徴
番号なし
- デジタルカとは
- デジタルカの特徴
結果
番号付き
- デジタルカとは
- デジタルカの特徴
番号なし
- デジタルカとは
- デジタルカの特徴
引用
書き方
少年よ大志を抱け
> 引用です。
> 若者は大きな志を持って世に出よという意味
結果
少年よ大志を抱け
引用です。
若者は大きな志を持って世に出よという意味
リンク
書き方
[デジタルカ](https://degitalka.space/)
画像
書き方
![alt用テキスト123](https://yuhwpuogesuexkjqatzg.supabase.co/storage/v1/object/public/public/post-images/f9bfbbf2-373b-452e-9450-6c5db18aca9e/leaves-g4d8fb7aee_1280.jpg)
サイズ調整
![alt用テキスト123](https://yuhwpuogesuexkjqatzg.supabase.co/storage/v1/object/public/public/post-images/f9bfbbf2-373b-452e-9450-6c5db18aca9e/leaves-g4d8fb7aee_1280.jpg =300x)
結果
サイズ調整
注釈
記事のフッターに注釈が表示されます。
書き方
テキスト[^1]
[^1]: 注釈内容1つめ
テキスト[^2]
[^2]: 注釈内容2つめ
結果
テキスト[1]
テキスト[2]
コメント
書き方
<!-- TODO: ◯◯について追記する -->
結果
テーブル
書き方
| Head | Head | Head |
| ---- | ---- | ---- |
| Text | Text | Text |
| Text | Text | Text |
| Option | Description |
| -----: | ------------------------------------------------------------------------: |
| data | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext | extension to be used for dest files. |
結果
Head | Head | Head |
---|---|---|
Text | Text | Text |
Text | Text | Text |
Option | Description |
---|---|
data | path to data files to supply the data that will be passed into templates. |
engine | engine to be used for processing templates. Handlebars is the default. |
ext | extension to be used for dest files. |
ライン
書き方
---
結果
絵文字
ここの絵文字が使えます
書き方
Classic markup: :wink: :crush: :cry: :tear: :laughing: :yum:
Shortcuts (emoticons): :-) :-( 8-) ;)
結果
Classic markup: 😉 :crush: 😢 :tear: 😆 😋
Shortcuts (emoticons): 😃 😦 😎 😉
文字自動変換
書き方
(c) (C) (r) (R) (tm) (TM) (p) (P) +-
test.. test... test..... test?..... test!....
!!!!!! ???? ,, -- ---
"ダブルクォート" と 'シングルクォート'
結果
© © ® ® ™ ™ § § ±
test… test… test… test?.. test!..
!!! ??? , – —
“ダブルクォート” と ‘シングルクォート’
強調
書き方
**太文字**
_イタリック体_
~~取り消し線~~
結果
太文字
イタリック体
取り消し線
コード
Inline code
Indented code
// Some comments
line 1 of code longgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg
line 2 of code
line 3 of code
Block code “fences”
Sample text here...
Syntax highlighting
var foo = function (bar) {
return bar++;
};
console.log(foo(5));
メッセージ
書き方
::: info
これはinfoメッセージです
:::
::: warning
これはwarningメッセージです
:::
::: success
これはsuccessメッセージです
:::
::: error
これはerrorメッセージです
:::
結果
これはinfoメッセージです
これはwarningメッセージです
これはsuccessメッセージです
これはerrorメッセージです
あなたのデジタル化も
掲載しませんか?