小书匠语法使用手册

小书匠语法使用手册

小书匠

语法

MARKDOWN

帮助

常用语法

标题

1这是 H1 一级标题

2------

3这是 H2 二级标题

4======

5# 这是 H1 一级标题

6## 这是 H2 二级标题

7### 这是 H3 三级标题

8#### 这是 H4 四级标题

9##### 这是 H5 五级标题

10###### 这是 H6 六级标题

11

快捷键: [ctrl + h]

列表

无序列表

1* 项目1

2 * 子项目1.1

3 * 子项目1.2

4 * 子项目1.2.1

5* 项目2

6* 项目3

7

8+ 项目1

9 + 子项目1.1

10 + 子项目1.2

11 + 子项目1.2.1

12+ 项目2

13+ 项目3

14

15- 项目1

16 - 子项目1.1

17 - 子项目1.2

18 - 子项目1.2.1

19- 项目2

20- 项目3

21

快捷键: [ctrl + u]

有序列表

11. 项目1

22. 项目2

33. 项目3

4 1. 项目3.1

5 2. 项目3.2

6

71. 项目1

81. 项目2

91. 项目3

10 1. 项目3.1

11 1. 项目3.2

12

有序列表起始编号

158. 项目5

22. 项目6

3

快捷键: [ctrl + o]

链接

1[链接名称](链接地址)

2[链接名称][1]

3[1] : 链接地址

4

图片

1![名称](链接地址)

2![名称][1]

3[1] : 链接地址

4

文字格式

1**这是文字粗体格式**

2

3__这是文字粗体格式__

4

5*这是文字斜体格式*

6

7_这是文字斜体格式_

8

引用

1> 第一行引用文字

2> 第二行引用文字

3

水平线

1***

2

GFM扩展语法

表格

1First Header | Second Header

2------------- | -------------

3Content Cell | Content Cell

4Content Cell | Content Cell

5

增强型表格

1|First Header | Second Header ||

2|First Header | Second Header | Third Header|

3|------------- | -------------|-------------|

4表身1Content Cell | Merge Content Cell||

5Content Cell | Content Cell| Content Cell|

6

7表身2Content Cell | Merge Content Cell||

8Content Cell | Content Cell| Content Cell|

9[表格标题]

10

代码

行内代码

1`var x = "hello world"`

2

块代码

1```javascript

2var a = "hello world";

3var b = "good luck";

4```

5

自动转换成超链接

系统将自动根据内容，将地址转换成超链接格式

1http://markdown.xiaoshujiang.com

2

HTML

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

2

支持的html标签

删除线

1~~在文字上添加删除线~~

2

扩展语法

目录

1[toc]

2

扩展的文字格式

1++插入的文字++

2

3==被记号的文字==

4

5上角文字: 19^th^

6

7下角文字: H~2~O

8

印刷字替换

系统将自动替换下列文字，转换成排版系统使用的符号

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

2

缩写定义

1The HTML specification

2is maintained by the W3C.

3*[HTML]: Hyper Text Markup Language

4*[W3C]: World Wide Web Consortium

5

待办事项

1[ ] 未完成事项

2[-] 未完成事项

3[x] 完成事项

4[X] 完成事项

5

脚注

1脚注[^1x]

2[^1x]: 脚注的用法

3

定义

1苹果

2: 一种水果

3: 一种品牌，计算机，手持设备

4桔子

5: 一种水果

6

公式

行内公式

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

2

块公式

1```mathjax!

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

3```

4

流程图 (语法)

1```flow

2st=>start: 开始

3e=>end: 结束

4op=>operation: 操作步骤

5cond=>condition: 是 或者 否?

6

7st->op->cond

8cond(yes)->e

9cond(no)->op

10```

11

序列图 (语法)

1```sequence

2小明->小李: 你好 小李, 最近怎么样?

3Note right of 小李: 小李想了想

4小李-->小明: 还是老样子

5```

6

小书匠编辑器扩展语法

块代码内文字格式

块代码高亮标记

1```javascript

2var hello = ‘hello world‘

3```

4

块代码删除线

1```javascript

2var hello = ‘hello world‘

3```

4

块代码加粗

1```javascript

2var hello = ‘hello world‘

3```

4

块代码下横线

1```javascript

2var hello = ‘hello world‘

3```

4

小书匠编辑器提供了附件管理功能，用户可通过./对附件的引用，比如图片./jiangzhu.jpg。附件的上传需通过工具栏的插入图片ctrl+g，插入视频ctrl+shift+v，插入音频ctrl+shift+a，插入附件ctrl+shift+t功能键进行操作。

视频

1%[名称](链接地址)

2%[名称][1]

3[1] : 链接地址

4

音频

1~[名称](链接地址)

2~[名称][1]

3[1] : 链接地址

4

附件

1=[名称](链接地址)

2=[名称][1]

3[1] : 链接地址

4

元数据

元数据必须放置在每篇文章的开头才能生效。如果文章里有元数据时，系统将自动以元数据的标题为准，用户通过文章信息的维护界面修改的标题及tags将会被覆盖掉。

1---

2title: 小书匠语法使用手册

3tags: 小书匠,语法,MARKDOWN,帮助

4---

5

mermaid流程图，序列图，甘特图（mermaid语法）

1```mermaid!

2graph TD;

3A-->B;

4A-->C;

5B-->D;

6C-->D;

7```

8

统计图 （统计图语法）

数据格式为：{"data": [], "options":{}}

系统使用jquery.parseJSON()函数进行解析，因此代码必须符合该函数的要求才能正常解析。

1```plot!

2{

3"data": [ [[0, 0], [1, 1]] ],

4"options": { "yaxis": { "max": 1 } }

5}

6```

7

自定义class

1## 自定义class {class名称}

2

通过自定义的class名称后，你就可以在每篇文章的自定义css里添加自己想要的样式了．

cjk强调

1_这里将显示带有衬线字体效果的中文做为强调_

2

cjk注音标示

1{需要被注音标示的内容}(注音标示)

2{需要被注音标示的内容}[编号]

3[编号]: 注音标示

4

居中显示文字

1->居中显示的文字<-

2

对齐显示文字

1:>居左显示的文字<-

2->居右显示的文字<:

3:>两端对齐显示的文字<:

4->居中显示的文字<-

5

注： 该语法与center语法冲突，两种语法同时开启时，align语法将覆盖center语法。

示例

  • 常用语法

    • 标题
    • 列表
      • 无序列表
      • 有序列表
      • 有序列表起始编号
    • 链接
    • 图片
    • 文字格式
    • 引用
    • 水平线
  • GFM扩展语法
    • 表格
    • 增强型表格
    • 代码
      • 行内代码
      • 块代码
    • 自动转换成超链接
    • HTML
    • 删除线
  • 扩展语法
    • 目录
    • 扩展的文字格式
    • 印刷字替换
    • 缩写定义
    • 待办事项
    • 脚注
    • 定义
    • 公式
      • 行内公式
      • 块公式
      • 流程图 (语法)
      • 序列图 (语法)
  • 小书匠编辑器扩展语法
    • 块代码内文字格式

      • 块代码高亮标记
      • 块代码删除线
      • 块代码加粗
      • 块代码下横线
    • 视频
    • 音频
    • 附件
    • 元数据
    • mermaid流程图，序列图，甘特图（mermaid语法）
    • 统计图 （统计图语法）
    • 自定义class
    • cjk强调
    • cjk注音标示
    • 居中显示文字
    • 对齐显示文字
  • 示例
  • 这是 H1 一s级标题
    • 这是 H2 二级标题

      • 这是 H3 三级标题

        • 这是 H4 四级标题

          • 这是 H5 五级标题

            • 这是 H6 六级标题
      • 视频
      • 音频
      • 附件
      • 待办事项
      • 缩写定义
      • 印刷字替换
      • html代码
      • 流程图 (语法)
      • 序列图 (语法)
      • 脚注[1]
      • 表格Tables
      • 定义
      • 文字格式
      • 无序列表
      • 有序列表
      • 有序列表起始编号
      • 图片
      • 引用
      • 水平线
      • 代码
        • 行内代码
        • 块代码
    • 块代码内文字格式
      • 块代码高亮标记
      • 块代码删除线
      • 块代码加粗
      • 块代码下横线
      • 显示行号
      • 高亮指定行
      • 显示行号并从指定行数计数
      • 禁用显示行号
      • 公式
        • 行内公式
        • 块公式
        • 带编号的公式
      • 统计图
      • mermaid流程图，序列图，甘特图
        • 流程图
        • 序列图
        • 甘特图
      • PPT语法
      • emoji表情语法
      • 自定义class
        • 自定义class用例
      • cjk强调
        • 这里将显示中文衬线字体做为强调样式
      • cjk注音标示
      • 居中显示
      • 文字对齐
      • 增强型表格

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

http://www.xiaoshujiang.com

这是 H1 一s级标题

这是 H2 二级标题

这是 H3 三级标题

这是 H4 四级标题

这是 H5 五级标题
这是 H6 六级标题

视频

电影

音频

音乐

附件


jianzhu.jpg
1024.01KB

待办事项

未完成事项

未完成事项

完成事项

完成事项

缩写定义

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"

块代码

1/**

2 * @author John Smith <[email protected]>

3 * @version 1.0

4*/

5package l2f.gameserver.model;

6

7import java.util.ArrayList;

8

9public abstract class L2Character {

10public abstract class L2Character extends L2Object {

11 public static final Short ABNORMAL_EFFECT_BLEEDING = 0x0_0_0_1; // not sure

12

13 public void moveTo(int x, int y, int z) {

14 _ai = null;

15 _log.warning("Should not be called");

16 if (1 > 5) {

17 return;

18 }

19 }

20

21 /** Task of AI notification */

22 @SuppressWarnings( { "nls", "unqualified-field-access", "boxing" })

23 public class NotifyAITask implements Runnable {

24 private final CtrlEvent _evt;

25

26 List<String> mList = new ArrayList<String>()

27

28 public void run() {

29 try {

30 getAI().notifyEvent(_evt, _evt.class, null);

31 } catch (Throwable t) {

32 t.printStackTrace();

33 }

34 }

35 }

36}

37

块代码内文字格式

块代码高亮标记

1var hello = ‘hello world‘

2

块代码删除线

1var hello = ‘hello world‘

2

块代码加粗

1var hello = ‘hello world‘

2

块代码下横线

1var hello = ‘hello world‘

2

显示行号

1var x = 1;

2var z = ‘str‘;

3

高亮指定行

1var x = 1;

2var y = 2;

3var z = 3;

4var u = 4;

5var w = 5;

6var a = 6;

7

显示行号并从指定行数计数

10var x = 1;

11

禁用显示行号

var x = 1;

公式

行内公式

这是行内公式

块公式

带编号的公式

统计图

mermaid流程图，序列图，甘特图

流程图

序列图

甘特图

PPT语法

使用

1

2 ----

3

4

作为一个水平页分割线，注意在----前后都需要空一行

使用

1

2 --

3

4

作为一个垂直页分割线, 注意在--前后都需要空一行

通过如下形式

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

2

可以实现fragment显示效果

注：　在演示文档模式下，toc和脚注语法将失效.

emoji表情语法

自定义class

自定义class用例

你可以通过查看生成的html代码里，在h4里找到名为green的class名称．

cjk强调

这里将显示中文衬线字体做为强调样式

cjk注音标示

小(xiao)书(shu)匠(jiang)

居中显示

居中显示的文字(wenzi)

文字对齐

居左显示的文字

居右显示的文字

两端对齐显示的文字

居中显示的文字

增强型表格

表格标题
First Header Second Header
First Header Second Header Third Header
表身1Content Cell Merge Content Cell
Content Cell Content Cell Content Cell
表身2Content Cell Merge Content Cell
Content Cell Content Cell Content Cell

  1. 脚注的用法 ?
时间： 2024-07-30 13:33:34

小书匠语法使用手册的相关文章

小书匠语法手册

小书匠语法使用手册 小书匠 语法 MARKDOWN 帮助 常用语法 标题 这是 H1 一级标题 ------ 这是 H2 二级标题 ====== # 这是 H1 一级标题 ## 这是 H2 二级标题 ### 这是 H3 三级标题 #### 这是 H4 四级标题 ##### 这是 H5 五级标题 ###### 这是 H6 六级标题 快捷键: [ctrl + h] 列表 无序列表 * 项目1 * 子项目1.1 * 子项目1.2 * 子项目1.2.1 * 项目2 * 项目3 + 项目1 + 子项目1.

小书匠编辑器使用手册

title: 小书匠编辑器使用手册 tags: 小书匠,使用手册 概要 小书匠编辑器是一款专为markdown写作而设计的编辑器。 主要功能 专为markdown写作设计的文档编辑器，让用户心无旁骛的进行创作。 多种编辑模式。单栏编辑，双栏编辑，三栏编辑，全屏写作，全屏阅读...想怎么切换，就怎么切换，就是这样随心所欲。 多种编辑器实现。ace编辑器（提供vim，emacs按键绑定，显示行号），轻量编辑器，CJK竖排编辑器（web版请使用chrome浏览器） 多种主题选择。包括编辑器主题，预览区

小书匠使用手册

小书匠编辑器使用手册 小书匠 使用手册 概要 小书匠编辑器是一款专为markdown写作而设计的编辑器. 主要功能 专为markdown写作设计的文档编辑器,让用户心无旁骛的进行创作. 多种编辑模式.单栏编辑,双栏编辑,三栏编辑,全屏写作,全屏阅读...想怎么切换,就怎么切换,就是这样随心所欲. 多种编辑器实现.codemirror编辑器(提供vim,emacs按键,行专注等),ace编辑器(提供vim,emacs按键绑定,显示行号),轻量编辑器,CJK竖排编辑器 多种主题选择.包括编辑器主题,

小书匠博文发布测试

小书匠博文发布测试 测试 欢迎使用 小书匠编辑器,您可以通过设置里的修改模板来改变新建文章的内容. 流程图 (语法) 序列图 (语法)

小书匠预览操作说明

小书匠预览操作说明 预览小书匠 概述 预览 小书匠编辑器提供了边写作边预览功能. 打开预览 可以点击编辑器右侧中间按钮打开预览.需要注意的是如果当前窗口太小,系统会强制关闭边预览边写作功能,在编辑器侧边也就无法看到该按钮.只需要把窗口宽度调大一些,该按钮就会自动出现. 快捷键ctrl+shift+p 打开预览 关闭预览 点击预览区左侧中间按钮,就可以关闭预览功能. 关闭预览 实时同步预览 小书匠的边预览边写作支持实时同步,用户每次在编辑区输入的文字都会及时在预览区显示结果. 实时同步预览 双向精

2017-6-6小书匠发布测试

2017-6-6小书匠发布测试 新建 模板 小书匠 欢迎使用 小书匠(xiaoshujiang)编辑器,您可以通过设置里的修改模板来改变新建文章的内容.

基本语法 - PHP手册笔记

原文:基本语法 - PHP手册笔记 PHP标记 如果文件内容是纯PHP代码,最好在文件末尾删除PHP结束标记.这可以避免在PHP结束标记之后万一意外加入了空格或者换行符,会导致PHP开始输出这些空白,而脚本中此时并无输出的意图.当然PHP开始标记<?php前的空格或者换行符依然会输出. 使用条件的高级分离术 下面这段代码的意思很容易理解,关键是if-else的用法,这样使用在文本输出是显的逻辑更加清晰. <?php $expression = false; ?> <?php if

小书匠自定义样式

小书匠自定义样式 CSS code { color: #c7254e;  background-color: #f9f2f4;  }  h1, h2, h3, h4, h5 {  color: #2c3f51;  }  h1 {  border-bottom: 2px solid #ccc;  }  .tag.label {  background-color: #c9f2d0;  }  blockquote {  border-left: solid 5px #c9f2d0;  } 

小书匠到博客园的 CSS 留存

// 小书匠到博客园的 CSS 留存 h1, h2, h3, h4, p, li { font-family: 'mononoki', "Consolas", "Couriew New";  }  .xiaoshujiang_code, code {  font-family: 'mononoki', "Andale Mono", "Source Code Pro";  }  h1, h2, h3, h4, h5, h6 {