如何使用CSDN博客**编辑**及各种笔记工具

如何使用CSDN博客编辑及各种笔记工具

	这是第一次使用CSDN博客编辑，其相关编辑方法详细步骤见下述:
	一个“#”+“一个空格”+文字，表示一级菜单；同理，两个“##”+“一个空格”+文字，表示二级菜单；依次类推；@[TOC]就是根据他们来自动进行目录的生成的；

一、本博客文本功能描述

1、编辑快捷键

	撤销：Ctrl + Z
	重做：Ctrl + Y
	加粗：Ctrl + B
	斜体：Ctrl + I
	标题：Ctrl + Shift + H
	无序列表：Ctrl + Shift + U
	有序列表：Ctrl + Shift + O
	检查列表：Ctrl + Shift + C
	插入代码：Ctrl + Shift + K
	插入链接：Ctrl + Shift + L
	插入图片：Ctrl + Shift + G
	查找：Ctrl + F
	替换：Ctrl + G

2、创建表格做法

12	34	56	78	1234
aa	vvv	eee	qq

	注意：1、表格创建前面，不能tab空格，必须打头开始用上面语法；
	     2、第一行和第二行为表格创建语法，复制照搬即可调整表格；
         3、使用`:---:`居中；使用`:---`居左；使用`---:`居右；

3、本博客如何使用数据公式大全链接及链接嵌入使用

link.
注意：连接的前面要加【link】

4、如何插入一段漂亮的高亮代码片

// An highlighted block
var foo = 'bar';

5、如何插入一张图片链接及对图片设置

图片:

带尺寸的图片:

居中的图片:

居中并且带尺寸的图片:

当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。

6、本博客文本格式标记设置语法

标记文本

删除文本

引用文本

7、计划任务选择设置

• 计划任务
• 完成任务

8、生成一个适合你的列表

• 项目
  • 项目
    • 项目

1. 项目1
2. 项目2
3. 项目3

二、mermaid嵌入的使用

1、甘特图做法

Mon 06 Mon 13 Mon 20 已完成 进行中 计划一 计划二 已完成 进行中 计划一 计划二 过去任务 现在任务 这里是写标题的（我今天的任务规划图）

   语法结构描述：
                                         总体任务规划名称
   片断规划1      ：完成状态，片断规划1标识，时间起点，时间终点
   注意：时间起点的三种表达，按时间，按天数，按标识；

2、UML 时序图做法

张三 李四 王五 我是一个方法1(%%"+和-是起和终的区域范围") 1 我是一个方法2 2 我是一个方法2 3 我是一个方法3 4 loop [我是一个方法（%%满足条件）] 你好！李四, 最近怎么样? 5 你最近怎么样，王五？ 6 我很好，谢谢! 7 我很好，谢谢! 8 李四想了很长时间, 文字太长了 不适合放在一行. are contacting 我是方法三 打量着王五... 9 很好... 王五, 你怎么样? 10 张三 李四 王五

	语法结构描述：
	1、详细注释如上面“%%”所示；
	2、简单的时序图可以用上面**mermaid**的语法来记录，复杂的可以用draw中的专业来写；不过**mermaid**能解决生活中常规的大部分图形，不限于时序图，详细见网络上的举例；

3、pie饼图做法

79% 17% 3% 家庭百分比 Dogs Cats Rats

4、流程图做法

Created with Raphaël 2.2.0 开始 我的操作1 我的操作2 确认？ 结束 yes

	语法结构描述：
	1、上面是对基本图框的定义；标识=>指令：注释
	2、下面是连线；标识->标识

A

B

C

D

三、附加拓展：其余绘图软件

1、大纲图——xmind软件的使用

	注意：大纲流程梳理确实非常好用；

2、流程图——draw软件的使用

	注意：我觉得mermaid具备更简介的功能，比draw好用；

3、随心图——笔记本自带绘图工具使用

四、附加拓展：其余文本软件

	注意：我觉得没必要用线下笔记，所以现在就笔记直接记录在博客上；

1、cherrytree富文本笔记

2、eDiary富文本笔记

3、word/wps笔记

五、附加拓展：excel表格笔记

	注意：这个是统筹所有笔记的核心，整体规划以此为统一蓝本入口，用链接功能把“xmind,word,CSDN编辑网站，图片绘图软件”衔接起来，构建出系统的知识体系；