ずた

マークダウンの使い方

Created: 2024/10/19

こんにちは！Webアプリ開発チーム、IT学科一年の黒瀬です。
今回の記事では、このWebアプリ内で記事を書く際の記法である、マークダウンの使い方についてまとめていきます。
本来のマークダウン記法で実現可能であるものの、このWebアプリ内では現在使用不可である機能についても書いていきます。

見出し

書き方

heading 
1
2
3
4

# Heading 1
## Heading 2
### Heading 3
#### Heading 4

結果

Heading 1

Heading 2

Heading 3

Heading 4

リスト

書き方

list 
1
2
3
4

* リスト
 * リスト
- リスト
 - リスト

結果

  • リスト
    • リスト
  • リスト
    • リスト

番号付きリスト

書き方

list 
1
2
3
4

1. リスト
2. リスト
3. リスト
4. リスト

結果

  1. リスト
  2. リスト
  3. リスト
  4. リスト

空行、改行

書き方

new_line 
1
2
3
4
5

aaaaaaaaa  #半角スペース二つ
bbbbbbbb<br> 
ccccccccc
<br> #新たな行に<br>を置くと、2空行
dddddddd

結果

aaaaaaaaa

bbbbbbbb

ccccccccc


dddddddd

インラインコード

書き方

inline_code 
1

`printf("Hello world\n")`

結果

printf("Hello world\n")

ブロックコード

block_code 
1
2

```言語:タイトル
コード(改行)```

結果

タイトル 
1

コード

補足

  • コードの後、改行を入れてから終わりの```を入力してください。

リンク挿入

書き方

insert_link 
1
2

[タイトル](URL)
例: [nect-life](nect-life.com)

結果

nect-life

引用

書き方

citation 
1
2
3

> テキスト
>> テキスト
>>> テキスト

結果

テキスト

テキスト

テキスト

補足

  • '>' は15個まで対応してます！

画像の挿入

注記！

現段階では、ローカルの画像を記事内に挿入する機能は実装されていません。そのためここでは、Web上にある画像の挿入方法を紹介します。

書き方

  • サイズ指定なし
insert_image 
1

![代替テキスト](URL "タイトル")
  • サイズ指定あり
insert_sized_image 
1

<img width="数値" alt="代替テキスト" src="URL">

結果

  • サイズ指定なし
    Orange

  • サイズ指定あり

orange

文字色設定

書き方

font_color 
1
2

<font color="色">テキスト</font>
例: <font color="Blue">赤</font>

結果

僕は赤色です:)

太字（ボールド）

書き方

bold 
1

**テキスト**

結果

太字

斜体（イタリック）

書き方

italic 
1

*テキスト*

結果

斜体

打ち消し線

書き方

strikethrough 
1

~~テキスト~~

結果

テキスト

水平線

書き方

horizontal_line 
1
2

***
---    # どちらでも可

結果

エスケープ

書き方

escape 
1
2
3

\マークダウン記号
例: \*\*太文字、斜体なし**

結果

**太文字、斜体なし**

未実装

ここまで読んでいただきありがとうございました！現段階で実装されていないマークダウン機能として、以下があります。

  • チェックボックス
  • 表の挿入
  • 注釈

この記事の内容が、皆さんが今後nect-life上でサークル活動の記録をする際、役に立てば嬉しいです！

参考にした記事