在CSDN博客中插入动图、添加目录、链接、表格、字体变色等

1、插入动图:
       当我们在写博客时,有时候想要插入动态图片,以便更好的演示操作,那么该怎么插入呢?需要借助第三方工具,如:LICEcap,此工具图标如下:

具体操作如下:
        ①双击打开软件,会出现如下窗口(此窗口可调节大小),把此窗口放置在需要变成动图的界面上,点击“Record”便可开始录制
在CSDN博客中插入动图、添加目录、链接、表格、字体变色等_第1张图片
        ②点击“Record”后,出现保存路径页面,选择需要保存的位置以及更改文件名称:
在CSDN博客中插入动图、添加目录、链接、表格、字体变色等_第2张图片
        ③点击保存按钮开始录制,点击“stop”按钮结束录制。
        ④完成。

2、添加目录:
       当我们需要在博客中需要添加目录的时候,只需要把“文字”放进此属性的小括号里:@[TOC]()就可以啦(注意:标签内小括号等符号全是在英文模式下输入的)。目录下面的小标题只需要在前面加上#就可以啦,几级小标题就加几个#,但是要注意在#号和小标题文字之间需要有空格哦,还要注意一共只有六级哦

        示例:
在CSDN博客中插入动图、添加目录、链接、表格、字体变色等_第3张图片
        效果:
在CSDN博客中插入动图、添加目录、链接、表格、字体变色等_第4张图片
3、添加链接:
       当我们需要在博客中添加链接时,就很简单,只需要在编辑页面上方菜单栏,找到“超链接”点之就好啦。
        ①

        ②
在CSDN博客中插入动图、添加目录、链接、表格、字体变色等_第5张图片
        ③把下图“添加链接描述”改为自己想改的名字就好啦
在CSDN博客中插入动图、添加目录、链接、表格、字体变色等_第6张图片
        效果:

        ES6新增数据类型 Symbol

        一文读懂JS正则表达式

4、字体变色:
       这里先介绍最基本的字体变色,不需要用到内嵌HTML哦,个人觉得将要说的这两种就已经满足日常博客需要啦~
(1)第一种:
        就是在你想要改变颜色的位置,前后各加上两个等于号(=);
        如:
                在CSDN博客中插入动图、添加目录、链接、表格、字体变色等_第7张图片
(2)第二种:
        ①选择到你想要改变的字体(注意不要全选啊):

在CSDN博客中插入动图、添加目录、链接、表格、字体变色等_第8张图片
       ②点击上方菜单栏“代码块”:
在CSDN博客中插入动图、添加目录、链接、表格、字体变色等_第9张图片
       ③为什么不让把本行全选呢,因为全选会被认为是代码,得不到想要的效果:

       例:

       效果:
在CSDN博客中插入动图、添加目录、链接、表格、字体变色等_第10张图片
5、添加表格:
       ①点击上方菜单栏中的“表格”
在这里插入图片描述
       ②会出现以下符号:
在CSDN博客中插入动图、添加目录、链接、表格、字体变色等_第11张图片
       ③在|–|--|上方的两部分代表表头,下方代表内容,且可以添加多个。注意:|--|--| 本身不需要动,也不允许添加任何字符。

       例:
在CSDN博客中插入动图、添加目录、链接、表格、字体变色等_第12张图片
       效果:
在CSDN博客中插入动图、添加目录、链接、表格、字体变色等_第13张图片
       如有错误,欢迎大家批评指正,非常感谢~

你可能感兴趣的:(技术杂谈)