📰

排版元素

行级元素

块引用

超链接

图片

可通过复制粘贴或拖拽来上传图片；上传后的图片可通过拖拽进行大小调整。

加粗

倾斜

下划线

删除线

标记

上标

下标

快捷键

标签

行级代码

备注^{（这是一个行级备注）}

颜色 1 颜色 2 颜色 3 颜色 4 颜色 5 颜色 6 颜色 7 颜色 8 颜色 9 颜色 10 颜色 11 颜色 12 颜色 13

特效 1 特效 2

通过输入 : 加字母触发表情字符搜索 😄 😆 😵 😭 😰 😅 😢 😤 😍 😌👍 👎 💯 👏 🔔 🎁 ❓ 💣 ❤️ ☕️ 🌀 🙇 💋 🙏 💢

超级块

段落一

段落二居中

段落三

段落四居右

嵌入块

在思源中，唯一重要的核心概念是内容块。通过排版格式即可形成内容块，这样我们就能在块级粒度上对思绪和知识进行整理，同时也能方便长文阅读和输出。

标题块

有序、无序、任务列表

无序列表

Java

Spring

IoC

AOP

gofmt

Wide

Node.js

Koa

Express

有序列表

Node.js

Express

Koa

Sails

gofmt

Wide

Java

Latke

IDEA

任务列表

发布思源

预约牙医

引述块

注意不是内容块引用，而是引述块（Blockquote）。

代码块

如果在 ``` 后面跟随语言名称，可以有语法高亮的效果哦，比如：

演示 Go 代码高亮

            go
            
          
package main

import "fmt"

func main() {
	fmt.Println("Hello, 世界")
}

演示 Java 高亮

            java
            
          
public class HelloWorld {

    public static void main(String[] args) {
        System.out.println("Hello World!");
    }

}

Tip: 语言名称支持下面这些： ruby, python, js, html, erb, css, coffee, bash, json, yml, xml ...

表格

header 1	header 2
cell 1	cell 2
cell 3	cell 4
cell 5	cell 6

HTML 块

你nǐ 　好　hǎo 　世　shì 　界　jiè
Hello World

更多细节请参考 HTML 块注意。

分隔线

数学公式

IFrame

视频

音频

脑图

使用 Markdown 列表语法渲染脑图。

流程图

语法请参考 Mermaid。

时序图

语法请参考 Mermaid。

甘特图

语法请参考 Mermaid。

类图

语法请参考 Mermaid。

用户游历图

语法请参考 Mermaid。

Git 图

语法请参考 Mermaid。

实体关系图

语法请参考 Mermaid。

图表

可使用如下三种格式定义：

JSON

            json
            
          
{
    "propName": "propValue"
}

JavaScript Object

            javascript
            
          
{
    propName: 'propValue',
}

返回一个 JavaScript Object 的立即执行函数

            javascript
            
          
(() => {
    const option = {};
    option.propName = `propValue`;
    return option;
})()

具体语法请参考 ECharts。

五线谱

可在首行加入 %%params JSON ，使 JSON 作为 renderAbc options 的参数。

语法请参考 abcjs (github repo: paulrosen/abcjs)。

Graphviz

语法请参考 Graphviz。

Flowchart

语法请参考 flowchart.js。

PlantUML

语法请参考 PlantUML。