zoukankan      html  css  js  c++  java
  • CSDN的Markdown编辑器实用技巧(傻瓜式教程)

            markdown编辑器被很多人声称是可以取代word的文字编辑器,其优点我们在这就不再过多赘述了,但对于一些初次接触的人来说,或多或少都有还些不适应,其主要原因在于一些常见的功能突然不知道怎么实现,所以,这篇文章将为你详细罗列csdn的markdown的实用技巧! ?

    直接查看csdn内置的帮助文档

    修改字体大小和颜色

    点击查看–>CSDN-markdown编辑器语法——字体、字号与颜色

    缩进

    在要缩进的地方添加代码

           

    换行

    在要换行的地方添加

     

    插入图片

    虽然csdn的markdown中存在插入图片的快捷键,但你会惊奇地发现无法对插入的图片进行简单的居中或缩放操作,这里介绍一种方法:
    我们先把我们需要的图片上传(上面工具栏中有个插入图片的快捷键)

    上图中红方框括起来的链接就是该图片上传到服务器的url。然后我们把这段url复制到下面这段代码中的“复制处”。

    <div align="center"><img src="复制处" width = 100%></div>
    

    这里的align后的参数可以设置对齐格式,这里我们设置的是居中,width后的参数可以设置图片的大小。同时,我们上传的图片的url中有个size参数,是用来设置右下角logo大小的。color参数是用来修改logo的颜色的。

    插入公式

    csdn的markdown还支持强大的公式编辑,但直接在md中编辑并不方便,这里介绍一种更加简单的方法:

    1. 我们可以再开一个csdn的富文本编辑器。
    2. 富文本编辑器中的工具栏中有插入公式的选项,我们现在其中输入我们需要的公式。
    3. 然后我们将其自动生成的代码复制到我们的md编辑器中,并在前后加入$$即可。

    单独展示

    只需要在首尾加$$即可。

    $$c_{m_{LE}} = frac{int_{0}^{c}(C_{p_{u}} -C_{p_{l}})x dx-int_{0}^{c}( C_{f _{u }}frac{dy_{u}}{dx} + C_{f _{l }}frac{dy_{l}}{dx}) dx+int_{0}^{c}( C_{p _{u }}frac{dy_{u}}{dx} + C_{f_{u}}) y_{u}dx+int_{0}^{c}( -C_{p_{l }}frac{dy_{l}}{dx}+C_{f_{l}} ) dx}{c^{2}}$$
    

    注意:首尾一定不要忘加$$。
    我们来看一下效果:

    cmLE=0c(CpuCpl)xdx0c(Cfudyudx+Cfldyldx)dx+0c(Cpudyudx+Cfu)yudx+0c(Cpldyldx+Cfl)dxc2c_{m_{LE}} = frac{int_{0}^{c}(C_{p_{u}} -C_{p_{l}})x dx-int_{0}^{c}( C_{f _{u }}frac{dy_{u}}{dx} + C_{f _{l }}frac{dy_{l}}{dx}) dx+int_{0}^{c}( C_{p _{u }}frac{dy_{u}}{dx} + C_{f_{u}}) y_{u}dx+int_{0}^{c}( -C_{p_{l }}frac{dy_{l}}{dx}+C_{f_{l}} ) dx}{c^{2}}

    文内展示

    只需在将上面的两个$ 都替换为一个 $即可即可。效果如右所示? cmLE=0c(CpuCpl)xdx0c(Cfudyudx+Cfldyldx)dx+0c(Cpudyudx+Cfu)yudx+0c(Cpldyldx+Cfl)dxc2c_{m_{LE}} = frac{int_{0}^{c}(C_{p_{u}} -C_{p_{l}})x dx-int_{0}^{c}( C_{f _{u }}frac{dy_{u}}{dx} + C_{f _{l }}frac{dy_{l}}{dx}) dx+int_{0}^{c}( C_{p _{u }}frac{dy_{u}}{dx} + C_{f_{u}}) y_{u}dx+int_{0}^{c}( -C_{p_{l }}frac{dy_{l}}{dx}+C_{f_{l}} ) dx}{c^{2}}

    页内和页间跳转

    有的时候,我们希望在页内和页间实现跳转操作,现在来介绍一下页内和页间跳转。

    1. 在需要跳转到的位置处插入<span id="jump1"> </span>,这里的id中的参数可以随便设置
    2. 然后我们只需在要跳转的位置添加链接即可。这里由于上面设置的id名为jump1,如果只要页内跳转,只需添加链接#jump1

    我们来试验一下:
    页内跳转–>(md中的格式:[页内跳转-->](#jump1))
     
     
     
     
     
     
     
     
     
     
     
     
    跳转到这里!md中的格式:<span id="jump1"> </span>跳转到这里!?
    3. 如果我们要设置页间跳转的话,我们添加的链接就是另外另外一片博客的主地址,我们这里实验的是https://blog.csdn.net/sj2050/article/details/84250427,我们在这篇blog中已经设置好了跳转点,那里的id也名为jump1,所以我们只需添加下述链接即可:https://blog.csdn.net/sj2050/article/details/84250427#jump1

    页间跳转md中的格式:[页间跳转](https://blog.csdn.net/sj2050/article/details/84250427#jump1)

    生成目录

    我们在文章开头,加入@[toc]
    即可实现自动添加目录。

    附上一篇csdn提供的实例模板

    点这里

     
     
     
     

    感谢阅读

  • 相关阅读:
    vscode 代码补全工具之aiXcoder
    SQL语句替换某个字段的部分数据
    Antd中,Select 中value设值,导致placeholder不生效解决方法
    Git简易使用教程
    Hyper-V虚拟机上安装Ubuntu16.04/Ubuntu18.04.2LTS,搭建GitLab
    Hyper-V虚拟机安装Ubuntu,启动的时候会出现:Please remove the installation medium,then press ENTER
    来博客园9年多了,mark一下
    一步一步教你用IntelliJ IDEA 搭建SSM框架(3)——实现用户登录功能
    一步一步教你用IntelliJ IDEA 搭建SSM框架(2)——配置mybatis-geneator
    ITSEC TEAM 2013培训公开视频
  • 原文地址:https://www.cnblogs.com/sj2050/p/13413697.html
Copyright © 2011-2022 走看看