Skip to content

Instantly share code, notes, and snippets.

@christech1117

christech1117/Markdown教學.md

Last active June 20, 2024 08:15
Show Gist options
  • Save christech1117/6dc5221c177104990767d6490ad8c7ba to your computer and use it in GitHub Desktop.
Save christech1117/6dc5221c177104990767d6490ad8c7ba to your computer and use it in GitHub Desktop.
Download ZIP
Markdown教學，每個部分的教學分為兩個區塊，上半部為markdown語法，下半部為顯示結果
Raw
Markdown教學.md

Markdown 教學

Author: Chris
Date: 2017-02-17

表格生成器：Markdown Tables Generator  

線上MarkDown編輯器

Dillinger
StackEdit
Markdown Editor

一、常用功能

Markdown語法：

斜體：在兩邊加上 *星號* 或是 _底線_

粗體：在兩邊加上 **兩個星號** 或是 __兩個底線__

也可以用 **星號 與 _底線_**

刪除線：在兩邊加上 ~~兩個波浪~~

引言(註解)：

> 換行：需在最後面+`兩個空白鍵`··  
> 先以··表示空白

顯示結果：

斜體：在兩邊加上 星號 或是 底線

粗體：在兩邊加上 兩個星號 或是 兩個底線

也可以用 星號 與 底線

刪除線：在兩邊加上 兩個波浪

引用文字(註解)：

換行：需在最後面+兩個空白鍵··
先以··表示空白

二、標題

Markdown語法：

Markdown 提供了六種規格的，分別對應 Html 標籤中的`<h1> ~ <h6>`

# H1
## H2
### H3
#### H4
##### H5
###### H6

顯示結果：

H1

H2

H3

H4

H5
H6

三、列表

Markdown語法：

有序列表直接打 `數字`+ `.` + `空白鍵`就可以了

1. 有序列表1 
2. 有序列表2
	1. 子有序列表1
	2. 子有序列表2

* 無序列表
	* 子無序列表
	* 子無序列表
	
		要在列表項目下加入段落，只要`+Tab`就好了。 
		> * 無序列表可以使用星號
		> - 或減號
		> + 或加號

顯示結果：

有序列表直接打 數字+ . + 空白鍵就可以了

  1. 有序列表1
  2. 有序列表2
    1. 子有序列表1
    2. 子有序列表2
  • 無序列表

    • 子無序列表

    • 子無序列表

      要在列表項目下加入段落，只要+Tab就好了。

      • 無序列表可以使用星號
      • 或減號
      • 或加號

四、連結

Markdown語法：

* 連結兩邊加上`<` `>`就會產生超連結

	<http://dillinger.io/>  
	
* 名稱兩邊加上`[` `]`然後再連結兩邊加上`(` `)`就可以將連結替換成文字連結

	[Dillinger](http://dillinger.io/ "link")
	
* 將`[` `]`前+`!`，則可以產生圖片 (把滑鼠指向圖片可以看到註解）

	![圖片參考名稱](https://raw.githubusercontent.com/adam-p/markdown-here/master/src/common/images/icon48.png "Logo")

顯示結果：

  • 連結兩邊加上< >就會產生超連結

    http://dillinger.io/

  • 名稱兩邊加上[ ]然後再連結兩邊加上( )就可以將連結替換成文字連結

    Dillinger

  • 將[ ]前+!，則可以產生圖片 (把滑鼠指向圖片可以看到註解）

    圖片參考名稱

五、程式碼與語法高亮

行內的 `程式碼` 用 `反引號` 包起來
區塊的 `程式碼` 用 ```三個反引號```包起來
記得要加上語言名稱

Markdown語法：

```javascript
var s = "JavaScript 語法高亮";
alert(s);
```

```php
$s = "PHP 語法高亮";
echo $s;
```

顯示結果：

var s = "JavaScript 語法高亮";
alert(s);
$s = "PHP 語法高亮";
echo $s;

六、表格

Markdown語法：

每個標頭元件都要用至少三個`破折號`+`直線`分隔開來，預設為置左。  
`冒號`可以用來標示欄位的對齊方式。

| 表頭1 | 表頭2 | 表頭3 |
|-------|:-----:|------:|
| 左1   |  中1  |   右1 |
| 左2   |  中2  |   右2 |
| 左3   |  中3  |   右3 |

當然，也可以在表格內加入樣式

|  功能  |    效果    | Markdown語法 |
|:------:|:----------:|:------------:|
|  粗體  |  **粗體**  |  `**粗體**`  |
|  斜體  |   *斜體*   |   `*斜體*`   |
| 刪除線 | ~~刪除線~~ | `~~刪除線~~` |

顯示結果：

每個標頭元件都要用至少三個破折號+直線分隔開來，預設為置左。
冒號可以用來標示欄位的對齊方式。

表頭1 表頭2 表頭3
左1 中1 右1
左2 中2 右2
左3 中3 右3

當然，也可以在表格內加入樣式

功能 效果 Markdown語法
粗體 粗體 **粗體**
斜體 斜體 *斜體*
刪除線 刪除線 ~~刪除線~~
@lolisTop
Copy link

lolisTop commented Sep 4, 2018 •
edited
Loading

感谢

测试下

@blackjking
Copy link

你好 想跟您請教下，目前使用CMD編輯程式，請問應該如何創建md檔案並且在cmd膜事下編輯呢?

@zackjrwu
Copy link

Check Out My Youtube Channel

· 心愛的女孩的一篇文章500字　　[初中作文] [初三作文]
白天在家裡穿着大拖鞋厚睡衣在那兩寸地像幽魂一樣晃悠悠走來走去；晚上靠在窗戶邊，任由凜冽的寒風吹向我冰冷的身軀，抬頭仰望夤夜星空：這樣一個無垠的空間里到底蘊藏着什麼樣的奧妙？ 討厭這樣的生活！與其說是悠閑地過着愜意的日子，還不如說是頹廢地虛度光陰。 天，仍然是那麼陰霾，沒有一絲光曙從雲端里折射出希望。渺小的我無聲　查看全文

Pikechu

Custom CSS

Hahaha, I don`t know!

    <style>
        <body> {
            color:red;
        }
    </style>

TODO Create md file

good good try

good good try

@newgirlcarol
Copy link

感謝分享

內容詳細又清楚

@Lanznx
Copy link

Lanznx commented Mar 23, 2022

Wow it's so cool

@Kevin-Wei-S
Copy link

阿哩嘎都!

@jackromeo0891111
Copy link

非常感謝您!!

@Bai1026
Copy link

Bai1026 commented Oct 1, 2023

appreciate!

@CJKang0601
Copy link

Hello World!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment