小書匠語法手冊

小書匠語法使用手冊

經常使用語法

標題

這是 H1 一級標題 ------
這是 H2 二級標題 ======
# 這是 H1 一級標題
## 這是 H2 二級標題
### 這是 H3 三級標題
#### 這是 H4 四級標題
##### 這是 H5 五級標題
###### 這是 H6 六級標題

快捷鍵: [ctrl + h]javascript

列表

無序列表

* 項目1
  * 子項目1.1
  * 子項目1.2
 * 子項目1.2.1
* 項目2
* 項目3

+ 項目1
  + 子項目1.1
  + 子項目1.2
 + 子項目1.2.1
+ 項目2
+ 項目3

- 項目1
  - 子項目1.1
  - 子項目1.2
 - 子項目1.2.1
- 項目2
- 項目3

快捷鍵: [ctrl + u]css

有序列表

1. 項目1
2. 項目2
3. 項目3
 1. 項目3.1
 2. 項目3.2

1. 項目1
1. 項目2
1. 項目3
 1. 項目3.1
 1. 項目3.2

有序列表起始編號

58. 項目5
2. 項目6

快捷鍵: [ctrl + o]html

連接

[連接名稱](連接地址)
[連接名稱][1]
[1] : 連接地址

圖片

![名稱](連接地址)
![名稱][1]
[1] : 連接地址

文字格式

**這是文字粗體格式**

__這是文字粗體格式__

*這是文字斜體格式*

_這是文字斜體格式_

引用

> 第一行引用文字
> 第二行引用文字

水平線

***

GFM擴展語法

表格

First Header  | Second Header
------------- | -------------
Content Cell  | Content Cell
Content Cell  | Content Cell

代碼

行內代碼

`var x = "hello world"`

塊代碼

```javascript
var a = "hello world";
var b = "good luck";
```

自動轉換成超連接

系統將自動根據內容,將地址轉換成超連接格式java

http://markdown.xiaoshujiang.com

HTML

<div class="hey">Hello world</div>

支持的html標籤jquery

刪除線

~~在文字上添加刪除線~~

擴展語法

目錄

[toc]

擴展的文字格式

++插入的文字++

==被記號的文字==

上角文字: 19^th^

下角文字: H~2~O

印刷字替換

系統將自動替換下列文字,轉換成排版系統使用的符號git

(c) (C) (r) (R) (tm) (TM) (p) (P) +-

縮寫定義

The HTML specification
is maintained by the W3C.
*[HTML]: Hyper Text Markup Language
*[W3C]:  World Wide Web Consortium

待辦事項

[ ] 未完成事項
[-] 未完成事項
[x] 完成事項
[X] 完成事項

腳註

腳註[^1x]
[^1x]: 腳註的用法

定義

蘋果
: 一種水果
: 一種品牌,計算機,手持設備
桔子
: 一種水果

公式

行內公式

這是行內公式`!$ \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. $`

塊公式

```mathjax!
$$\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.$$
```

流程圖 (語法)

```flow
st=>start: 開始
e=>end: 結束
op=>operation: 操做步驟
cond=>condition: 是 或者 否?

st->op->cond
cond(yes)->e
cond(no)->op
```

序列圖 (語法)

```sequence
小明->小李: 你好 小李, 最近怎麼樣?
Note right of 小李: 小李想了想
小李-->小明: 仍是老樣子
```

小書匠編輯器擴展語法

塊代碼內文字格式

塊代碼高亮標記

```javascript
var hello = 'hello world'
```

塊代碼刪除線

```javascript
var hello = 'hello world'
```

塊代碼加粗

```javascript
var hello = 'hello world'
```

塊代碼下橫線

```javascript
var hello = 'hello world'
```

小書匠編輯器提供了附件管理功能,用戶可經過./對附件的引用,好比圖片./jiangzhu.jpg。附件的上傳需經過工具欄的插入圖片ctrl+g,插入視頻ctrl+shift+v,插入音頻ctrl+shift+a,插入附件ctrl+shift+t功能鍵進行操做。github

視頻

%[名稱](連接地址)
%[名稱][1]
[1] : 連接地址

音頻

~[名稱](連接地址)
~[名稱][1]
[1] : 連接地址

附件

=[名稱](連接地址)
=[名稱][1]
[1] : 連接地址

元數據

元數據必須放置在每篇文章的開頭才能生效。若是文章裏有元數據時,系統將自動以元數據的標題爲準,用戶經過文章信息的維護界面修改的標題及tags將會被覆蓋掉。web

---
title: 小書匠語法使用手冊
tags: 小書匠,語法,MARKDOWN,幫助
--- 

mermaid流程圖,序列圖,甘特圖(mermaid語法

```mermaid!
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
```

統計圖 (統計圖語法

數據格式爲:{"data": [], "options":{}}
系統使用jquery.parseJSON()函數進行解析,所以代碼必須符合該函數的要求才能正常解析。json

```plot!
{
"data": [ [[0, 0], [1, 1]] ],
"options": { "yaxis": { "max": 1 } }
}
```

自定義class

## 自定義class {class名稱}

經過自定義的class名稱後,你就能夠在每篇文章的自定義css裏添加本身想要的樣式了.canvas

cjk強調

_這裏將顯示帶有襯線字體效果的中文作爲強調_

cjk註音標示

{須要被註音標示的內容}(註音標示)
{須要被註音標示的內容}[編號]
[編號]: 註音標示

居中顯示文字

->居中顯示的文字<- 

示例

箭竹

http://www.github.com/suziwen/markdownxiaoshujiang
http://www.xiaoshujiang.com

qq交流羣: 310113380

這是 H1 一s級標題

這是 H2 二級標題

這是 H3 三級標題

這是 H4 四級標題

這是 H5 五級標題
這是 H6 六級標題

視頻

音頻

附件

附件

待辦事項




縮寫定義

The HTML specification
is maintained by the W3C.

印刷字替換

© © ® ® ™ ™ § § ±

html代碼

html代碼

流程圖 (語法)

序列圖 (語法)

腳註[1]

表格Tables

First Header Second Header
Content Cell Content Cell
Content Cell Content Cell

定義

蘋果

一種水果

一種品牌,計算機,手持設備

桔子

一種水果

文字格式

這是文字粗體格式

這是文字粗體格式

這是文字斜體格式

這是文字斜體格式

在文字上添加刪除線

插入的文字

被記號的文字

上角文字: 19th

下角文字: H2O

無序列表

  • 項目1

    • 子項目1.1

    • 子項目1.2

      • 子項目1.2.1

  • 項目2

  • 項目3

有序列表

  1. 項目1

  2. 項目2

  3. 項目3

    1. 項目3.1

    2. 項目3.2

有序列表起始編號

  1. 項目5

  2. 項目6

圖片

圖片名稱
連接

連接名稱

引用

第一行引用文字
第二行引用文字

水平線


代碼

行內代碼

var x = "hello world"

塊代碼

/** * @author John Smith <john.smith@example.com> * @version 1.0 */
package l2f.gameserver.model;

import java.util.ArrayList;

public abstract class L2Character {
public abstract class L2Character extends L2Object {
  public static final Short ABNORMAL_EFFECT_BLEEDING = 0x0_0_0_1; // not sure

  public void moveTo(int x, int y, int z) {
    _ai = null;
    _log.warning("Should not be called");
    if (1 > 5) {
      return;
    }
  }

  /** Task of AI notification */
  @SuppressWarnings( { "nls", "unqualified-field-access", "boxing" })
  public class NotifyAITask implements Runnable { private final CtrlEvent _evt; List<String> mList = new ArrayList<String>()

    public void run() {
      try {
        getAI().notifyEvent(_evt, _evt.class, null);
      } catch (Throwable t) {
        t.printStackTrace();
      }
    }
  }
}

塊代碼內文字格式

塊代碼高亮標記

var hello = 'hello world'

塊代碼刪除線

var hello = 'hello world'

塊代碼加粗

var hello = 'hello world'

塊代碼下橫線

var hello = 'hello world'

公式

行內公式

這是行內公式

塊公式

帶編號的公式

統計圖

mermaid流程圖,序列圖,甘特圖

流程圖

序列圖

甘特圖

PPT語法

使用

---- 

做爲一個水平頁分割線,注意在----先後都須要空一行

使用

-- 

做爲一個垂直頁分割線, 注意在--先後都須要空一行

經過以下形式

<!-- .element: class="fragment" data-fragment-index="1" --> 

能夠實現fragment顯示效果

注: 在演示文檔模式下,toc和腳註語法將失效.

emoji表情語法

Classic markup: 😉 😍 😭 😿 😆 😋

Shortcuts (emoticons): 😃 😦 😎 😉

自定義class

自定義class用例

你能夠經過查看生成的html代碼裏,在h4裏找到名爲green的class名稱.

cjk強調

這裏將顯示中文襯線字體作爲強調樣式

cjk註音標示

(xiao)(shu)(jiang)

居中顯示

居中顯示的 文字(wenzi)

箭竹


  1. 腳註的用法

相關文章
相關標籤/搜索