Text Style

斜體

款式

1
*款式* or _款式_

粗體

款式

1
**款式** or __款式__

刪除線

款式

1
~~款式~~

文字框

文字

`文字`

引言

此處為引言

1
> 此處為引言

可滾動句子

文字下方有滾動條可滾動查看文字

All I need is a little love in my life All I need is a little love in the dark A little but I'm hoping it might kick start Me and my broken heart I need a little loving tonight Hold me so I'm not falling apart A little but I'm hoping it might kick start Me and my broken heart
1
All I need is a little love in my life All I need is a little love in the dark A little but I'm hoping it might kick start Me and my broken heart I need a little loving tonight Hold me so I'm not falling apart A little but I'm hoping it might kick start Me and my broken heart

(在all前面加上一個tab)

Title

1
2
3
4
5
6
# h1
## h2
### h3
#### h4
##### h5
###### h6

List

  1. one
  2. two
    1. two-one
    2. two-two
  • one
  • two
    • two-one
    • two-two
    • star
    • plus
    • minus
1
2
3
4
5
6
7
8
9
10
11
1. one
2. two
1. two-one
2. two-two
- one
- two
- two-one
- two-two
* star
+ plus
- minus

一般超連結

https://www.youtube.com/

1
<https://www.youtube.com/>

文字超連結

前往youtube

1
[前往youtube](https://www.youtube.com/)

圖片超連結

方法一

youtube icon

1
![youtube icon](https://upload.wikimedia.org/wikipedia/commons/thumb/5/52/YouTube_social_white_circle_%282017%29.svg/240px-YouTube_social_white_circle_%282017%29.svg.png "logo")

方法二

嘿嘿

1
嘿嘿 {% inlineImg https://i.loli.net/2021/03/19/5M4jUB3ynq7ePgw.png 150px %}

影片超連結

本方法利用bilibili插入影片,不用跳轉分頁就可以觀看啦!!

方法一

長寬可自行設置

1
<iframe src="//player.bilibili.com/player.html?aid=17963687&cid=29326684&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

方法二

長寬自適應

1
2
3
<div style="position: relative; width: 100%; height: 0; padding-bottom: 75%;">
<iframe src="//player.bilibili.com/player.html?aid=17963687&cid=29326684&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;"></iframe>
</div>

Table

1 2 3

冒號可以標示要靠哪對齊

1
2
3
4
5
|1      |2      |3      |
|:------|:-----:|------:|
| 左 | 中 | 右 |
| 左 | 中 | 右 |
| 左 | 中 | 右 |

Tab

this is tab1

this is tab2

this is tab3

1
2
3
4
5
6
7
8
9
10
11
12
13
{% tabs %}
<!-- tab tab1 -->
this is tab1
<!-- endtab -->

<!-- tab tab2 -->
this is tab2
<!-- endtab -->

<!-- tab tab3 -->
this is tab3
<!-- endtab -->
{% endtabs %}

line


1
___ or --- or ***

Code Block

1
#include <iostream>

在程式碼上方即及下方分別加上```就可以囉!
若是想標示為哪個語言可以在上面的```後面加上語言名稱~(像是上述範例為```C++)

```C++
#include &#60;iostream&#62;
```

Markdown更多語法