第一次使用CSDN写博客

最新推荐文章于 2022-04-07 14:48:33 发布

天上一抹绿

最新推荐文章于 2022-04-07 14:48:33 发布

阅读量190

点赞数

文章标签：工具 CSDN MarkDown 博客技术

本文链接：https://blog.csdn.net/luozhaofang/article/details/103475348

版权

CSDN写博客

CSDN写博客使用的是MarkDown编辑器,使用过vscode的同学也都了解,这款编辑器能对代码有很好的诠释,是一款适合技术人的编辑器,今天对这款编辑器做一个大致的介绍,方便第一次使用的同学们做个入门.

基础格式

一.标题

 标题是由#开头,#号的多少代表标题的层级关系,具体如下:
 # 一级标题
 ## 二级标题
 .....

注意 : #与后面的标题中间隔了一个空格,而且必须置前才会生效,#号越多层级越小.¹

二.文本样式

文本是当做普通文本内容显示,占文章的主要部分,使用者可以对文本进行修饰,来侧重表现其重要性区别,强调性.

强调
加粗
标记
删除
引用

强调

 强调文本用两种格式: *强调文本* _强调文本_
 使用后会使文本变成斜体格式,注重强调作用,效果如下:

强调文本也必须是顶格使用

加粗

加粗文本也是两种格式: **加粗文本** __加粗文本__
使用后会使文本变成粗体格式,效果如下:

加粗文本加粗效果

标记

标记文本格式: ==标记文本==
使用后会使文本颜色改变,效果如下:

标记文本格式

删除

删除文本格式: ~~删除文本~~
使用后会在文本加一个横线,表示删除效果:

~~删除文本效果~~

引用

引用文本格式: >引用文本
使用后效果如下:

引用文本

注意: 文本里面可能有很多的数字字符,类似于H₂O,2¹⁰这种,可以通过下面所述表示:

数字符号

数字符号下标: H~2~O
数字符号上标: 2^10^

三.列表

列表可以用两种格式:一种是层级关系,另一种是并列关系
并列又有两种方式,数字并列和符号并列

并列
- 数字并列
- 符号并列
层级

并列

并列有数字开始并列,还有符号开始并列,格式如下:
数字并列:
	1. 项目一
	2. 项目二
	...
符号并列:
	* 项目一
	* 项目二
	...
使用效果如下:

项目一
项目二
项目三

项目一
项目二
项目三

层级

层级关系可以随着关系深入,格式如下
- 项目
	* 项目
		* 项目
			...
效果如下:

项目
- 项目
  - 项目

注意:另外还有任务安排计划显示

计划任务
完成任务

基础加强

先来熟悉一下快捷键:

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

在使用过程中使用快捷键能提高使用效率,多多使用就好了.

一.链接

链接是当我们需要显示图片的时候,把我们的图片链接放在上面,就可以显示出来.
链接形式:  [link](https://mp.csdn.net)
图片形式: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw)
带尺寸的图片形式:![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw =30x30)
居中的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center)
居中并且带尺寸的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center =30x30)
效果如下:

link

二.代码片

Java代码块:
```
	public void static main(String[] args){
			System.out.printf("hello world");
	}
```
javaScript代码块:
```javascript
	var arg = 10;
	var bar = "bar";
```
效果如下:

	public void static main(String[] args){
		System.out.println("hello world");
	}

	var arg = 10;
	var bar = "bar";

三.表格

表格对于可视化界面来说是个很直观的显示方式,对于数据库表的展示使用表格是最好不过了,格式如下
项目     | Value
-------- | -----
电脑  | $1600
手机  | $12
导管  | $1

| Column 1 | Column 2      |
|:--------:| -------------:|
| centered 文本居中 | right-aligned 文本居右 |
使用效果如下:

项目	Value
电脑	$1600
手机	$12
导管	$1

Column 1	Column 2
centered 文本居中	right-aligned 文本居右

注意:当冒号都存在时表示是居中显示,只有一个时,哪个存在表示靠哪里显示

自定义列表

格式如下:
Markdown
:  Text-to-HTML conversion tool

Authors
:  John
效果如下:

Markdown

Text-to-HTML conversion tool

Authors

John

Luke

四.数学公式

数学公式在文本里面的显示效果影响阅读,所以应该把数学公式单独显示,以便用户阅读.
格式如下:
Gamma公式展示 
$\Gamma(n) = (n-1)!\quad\foralln\in\mathbb N$ 是通过 Euler integral

$$
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
$$
效果如下:

Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$ 是通过 Euler integral

$\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.$
注意:通过在数学公式两边加上$$来表示数学公式参考文档

高级进阶

图片

1.插入甘特图

格式如下:
```mermaid
gantt
    dateFormat  YYYY-MM-DD
    title Adding GANTT diagram functionality to mermaid
    section 现有任务
    已完成               :done,    des1, 2014-01-06,2014-01-08
    进行中               :active,  des2, 2014-01-09, 3d
    计划中               :         des3, after des2, 5d
```
效果如下:

注意:甘特图的参考文档

2.插入UML图

格式如下:
```mermaid
sequenceDiagram
张三 ->> 李四: 你好！李四, 最近怎么样?
李四-->>王五: 你最近怎么样，王五？
李四--x 张三: 我很好，谢谢!
李四-x 王五: 我很好，谢谢!
Note right of 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行.

李四-->>张三: 打量着王五...
张三->>王五: 很好... 王五, 你怎么样?
```
效果如下:

注意:UML图的参考文档

3.插入Mermaid流程图

格式如下:
```mermaid
graph LR
A[长方形] -- 链接 --> B((圆))
A --> C(圆角长方形)
B --> D{菱形}
C --> D
```
效果如下:

注意:Mermaid流程图的参考文档

4.插入Flowchart流程图

格式如下:
```mermaid
flowchat
st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认？

st->op->cond
cond(yes)->e
cond(no)->op
```
效果如下:

注意:Flowchart流程图的参考文档

以上基本就是CSDN写博客需要的技巧了,想写博客的同学可以参考一下,写博客是一个很好的开始,希望同学们能在技术上越走越好,能分享更多更好的文章.

标题后面是一个文本概述内容,里面不能用任何的文本格式. ↩︎

天上一抹绿

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
第一次使用CSDN写博客

第一次使用CSDN写博客CSDN写博客使用的是MarkDown编辑器,使用过vscode的同学也都了解,这款编辑器能对代码有很好的诠释,是一款适合技术人的编辑器,今天对这款编辑器做一个大致的介绍,方便第一次使用的同学们做个入门.基础格式一.标题标题是由#开头,#号的多少代表标题的层级关系,具体如下: # 一级标题 ## 二级标题 .....注意 : #与后面的标题中间隔了一个...
复制链接

扫一扫