Markdown 簡明語法
Guide
這是一篇講解如何正確使用Markdown的排版示例,學會這個能讓你的文章有更清晰的排版。
引用文本: Markdown is a text formatting syntax inspired
語法指導
普通內容
這段內容展示了在內容裏面一些小的格式,比如:
- 加粗 -
**加粗**
- 傾斜 -
*傾斜*
刪除線-~~刪除線~~
Code 標記
-\
Code 標記``- Github網站連接 -
[Github網站連接](http://github.com)
- [email protected] -
[[email protected]](mailto:[email protected])
- 高亮顯示 -
<mark>高亮顯示</mark>
提及用戶
@abc @ def @hij ... 通過@可以在發貼和回帖裏提及用戶,信息提交後,被提及的用戶將會收到系統通知。以便讓他們來關註這個帖子或回帖。
表情符合 Emoji
Markdown支持表情符號,你可以用系統默認的 Emoji 符號(註:Windows用戶無法使用)。也可以使用圖片的表情,輸入:
將會出現智能提示。
一些表情例子
?? ?? ?? ?? ?? ?? ?? ?? ?? ??
:smile: :laughing: :dizzy_face: :sob: :cold_sweat: :sweat_smile: :cry: :triumph: :heart_eyes: :relaxed:
?? ?? ?? ?? ?? ?? ?? ?? ? ??
:sunglasses: :weary: :+1: :-1: :100: :clap: :bell: :gift: :question: :bomb:
?? ? ?? ?? ?? ?? ?? ?? ? ??
:heart: :coffee: :cyclone: :bow: :kiss: :pray: :sweat_drops: :hankey: :exclamation: :anger:
大標題 - heading 3
你可以選擇使用 H2 至 H6,使用 ##(N) 打頭,H1 不能使用,會自動轉換成 H2。
NOTE: 別忘了 # 後面需要添加一個空格
Heading 4
heading 5
Heading 6
圖片
![alt 文本](http://image-path.png)
![alt 文本](http://image-path.png "圖片 Title 值")
![設置圖片寬度高度](http://image-path.png =300x200)
![設置圖片寬度](http://image-path.png =300x)
![設置圖片高度](http://image-path.png =x200)
代碼塊
普通
*emphasize* **strong**
_emphasize_ __strong__ @a = 1
語法高亮支持
如果在 ``` 後面更隨語言名稱,可以有語法高亮的效果哦,比如:
演示 Java 代碼高亮
public class Hello {
public static void main(String[] args) {
System.out.println("Hello Java!");
}
}
演示 Ruby 代碼高亮
class PostController < ApplicationController
def index
@posts = Post.last_actived.limit(10)
end
end
演示 Rails View 高亮
<%= @posts.each do |post| %>
<div class="post"></div>
<% end %>
Tip: 語言名稱支持下面這些:
ruby
,python
,js
,html
,erb
,css
,coffee
,bash
,json
,yml
,xml
...
有序、無序列表
無序列表
- Ruby
- Rails
- ActiveRecord
- Go
- Gofmt
- Revel
- Node.js
- Koa
- Express
有序列表
- Node.js
- Express
- koa
- Sails
- Ruby
- Rails
- Sinatra
- Go
表格
如果需要展示數據,可以選擇使用表格。
Header 1 | Header 2 | Header 3 |
---|---|---|
cell 1 | cell 2 | cell 3 |
cell 4 | cell 5 | cell 6 |
cell 7 | cell 8 | cell 9 |
段落
留空白的換行,將會被自動轉換成一個段落,會有一定的段落間距,便於閱讀。
請註意後面 Markdown 源代碼的換行留空情況。
視頻插入
你只需要復制視頻播放代碼,並粘貼到正文,提交以後將自動轉換成視頻播放器。
Youtube視頻代碼示例
<iframe width="560" height="315" src="https://www.youtube.com/embed/OHcOyZl8iHY" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
Youtube視頻插入效果
插入PDF文件
Markdown 簡明語法