排版元素

📰

排版元素

行级元素

请从这里开始

超级链接

图片

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

加粗

倾斜

下划线

删除线

标记

上标

下标

快捷键

标签

行级代码

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

颜色 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 块时不会对其中的代码进行安全过滤，请确认代码安全后再使用，以免遭遇跨站脚本攻击（XSS）

因为 Markdown 规范对 HTML 块解析规则较为复杂，建议使用 <div></div> 包裹 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 。

五线谱

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

Graphviz

语法请参考 Graphviz 。

Flowchart

语法请参考 flowchart.js 。

PlantUML

语法请参考 PlantUML 。