之前已经利用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=0∑3j=0∑3aij∗W(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)∣x∣3−(a+3)∣x∣2+1a∣x∣3−5a∣x∣2+8a∣x∣−4a0∣x∣≤11<∣x∣<2otherwise