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

技术杂谈 专栏收录该内容
24 篇文章 1 订阅

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

具体操作如下:
        ①双击打开软件,会出现如下窗口(此窗口可调节大小),把此窗口放置在需要变成动图的界面上,点击“Record”便可开始录制

        ②点击“Record”后,出现保存路径页面,选择需要保存的位置以及更改文件名称:

        ③点击保存按钮开始录制,点击“stop”按钮结束录制。
        ④完成。

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

        示例:
在这里插入图片描述
        效果:

3、添加链接:
       当我们需要在博客中添加链接时,就很简单,只需要在编辑页面上方菜单栏,找到“超链接”点之就好啦。
        ①

        ②

        ③把下图“添加链接描述”改为自己想改的名字就好啦

        效果:

        ES6新增数据类型 Symbol

        一文读懂JS正则表达式

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


       ②点击上方菜单栏“代码块”:

       ③为什么不让把本行全选呢,因为全选会被认为是代码,得不到想要的效果:

       例:

       效果:

5、添加表格:
       ①点击上方菜单栏中的“表格”
在这里插入图片描述
       ②会出现以下符号:

       ③在|–|--|上方的两部分代表表头,下方代表内容,且可以添加多个。注意:|--|--| 本身不需要动,也不允许添加任何字符。

       例:

       效果:

       如有错误,欢迎大家批评指正,非常感谢~

  • 7
    点赞
  • 1
    评论
  • 8
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2020 CSDN 皮肤主题: 程序猿惹谁了 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值