CSDN-markdown编辑器 使用技巧(持续更新)

之前已经利用CSDN-markdown编辑器写过一篇编辑器技巧用的比较多的博客:链接直达,这里主要学习记录一下其中的使用方法,方便之后博客的书写


一、根据分级标题自动生成文章目录

1.1、标题设置

编辑器编辑时一级标题前加一个 # 号,后面跟一个空格,再键入一级标题名称,如本节标题设置为:# 1、根据分级标题自动生成文章目录

编辑界面截图如下:
在这里插入图片描述
编辑效果如目前你看到的文章内容一样。同理,二级标题前需要加两个 # 号,后面跟一个空格,键入二级标题内容,三、四级标题依次类推,举例如下:
## 二级标题示例
### 三级标题示例

1.2、文章目录自动生成

在文章开头,即所有标题之前在编辑器上键入内容截图如下:
在这里插入图片描述
即一个 @ 符号,再加 [TOC] ,后面跟随英文括号,括号内容填写目录标题:

@[TOC](方法记录表)

效果截图如下:
在这里插入图片描述
整片文章的总目录效果可参考文章开头总目录。


二、文章内容任意跳转(效果:点击文字直达文章其他地方)

2.1、传统超链接(适用于文字指向外链)

该功能原理类似于CSDN博客中传统的插入超链接操作,传统方法简介:
编辑界面上方可以看到超链接标识:
在这里插入图片描述
输入一段文字后,选中该段文字,点击超链接,加入该段文字所指向的超链接即可,编辑界面截图如下:
在这里插入图片描述
添加完后编辑界面如下:
在这里插入图片描述
效果:CSDN官网

可以看到,超链接在编辑页面中变为了[ ]中括号内容加文字,()英文括号内容加超链接的表达方式,即:

[文字示例](文字指向链接示例)

2.2、文章内容任意跳转

很多时候文章过长时,我们想提醒读者之前的某些内容,或帮助读者跳转到之后的某个内容阅读,这时光靠文章总目录跳转显得很麻烦,那么可以采用文章内容之间互相跳转的方法。这种方法可以跳转到文章任意一处地方,包括标题和具体的某一个文字。
示例如下:
首先先演示如何跳转到其他标题,此时想点击文字跳转到2.1节的标题,则需要在编辑器中在2.1节标题前键入如下内容:

<span id="jump_title"></span>

内容中的id可以随意指定,不要使用数字,可能与文章发布后自动生成的某些id冲突,与跳转内容相关即可(为了区分不同id)。

编辑器界面截图如下:
在这里插入图片描述
之后,在原来的地方输入以下内容:

[2.1节](#jump_title)

中括号中的为文字内容,即点击该文字即可跳转到指定地方,英文括号中的内容为#号后面跟随之前设置的id。

效果:2.1节

上面的标题跳转操作实现后,对文章内任意一处的跳转就很简单了,操作与上述相同,将跳转的地方前面加入相应的内容即可,示例如下:
我要跳转到第1节中整片文章的总目录效果可参考文章开头总目录这部分文字内容前,则需要在该部分内容前加入如下内容:

<span id="jump_test"></span>

编辑界面截图如下:
在这里插入图片描述
之后,在该处输入跳转文字内容,如下:

[跳转任意文字测试](#jump_test)

效果:跳转任意文字测试


三、一些专用的符号技巧

3.1、改变内容字体颜色和大小

示例如下:

输入以下内容:

<font color='red' size='6'>改变内容字体颜色和大小</font>

效果:

改变内容字体颜色和大小

如需要其他大小和颜色改变演示文本中的color和size值即可。

上述编辑器界面截图(以后类似就不贴这界面截图了):
在这里插入图片描述

3.2、文章代码段或文本高亮

编辑器中输入以下内容:

<code>文章代码段或文本高亮</code>

效果:
文章代码段或文本高亮

3.3、杂七杂八其他

**加粗**
*斜体*
~~删除线~~ 

效果:加粗 斜体 删除线

需要注意的是,一些符号和关键字符无法使用上述功能,如加粗#号的时候**#**,效果就和直接输入一样,此时需要在****两旁加入空格,如 #

分割线:

<hr>

注意后面需要跟一个空行。
效果:


换行:
编辑器中enter按键换行只起一次效果,多按几次在最终界面还是只换行了一次,此时可输入:

<br/><br>

效果如下:




效果


四、表格(待更新)

一个简单的表格是这么创建的:

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

使用:---------:居中
使用:----------居左
使用----------:居右

第一列第二列第三列
第一列文本居中第二列文本居右第三列文本居左

五、公式(待更新)

K = M + m K=M+m K=M+m

B ( X , Y ) = ∑ i = 0 3 ∑ j = 0 3 a i j ∗ W ( i ) ∗ W ( j ) B(X,Y)=\sum_{i=0}^3{\sum_{j=0}^3{a_{ij}*W(i)*W(j)}} B(X,Y)=i=03j=03aijW(i)W(j)

W ( x ) = { ( a + 2 ) ∣ x ∣ 3 − ( a + 3 ) ∣ x ∣ 2 + 1 ∣ x ∣ ≤ 1 a ∣ x ∣ 3 − 5 a ∣ x ∣ 2 + 8 a ∣ x ∣ − 4 a 1 < ∣ x ∣ < 2 0 o t h e r w i s e \begin{aligned} W(x)= \left\{ \begin{array}{lr} (a+2)|x|^3-(a+3)|x|^2+1 &|x|\leq1 \\ a|x|^3-5a|x|^2+8a|x|-4a &1<|x|<2 \\ 0 &otherwise \end{array} \right. \end{aligned} W(x)=(a+2)x3(a+3)x2+1ax35ax2+8ax4a0x11<x<2otherwise

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值