MarkDown展示效果

   日期:2024-12-26    作者:mzmaf 移动:http://mip.riyuangf.com/mobile/quote/53102.html

本文由MarkDown编辑器所写,此文制作效果展示.
MarkDown语法讲解请看:MarkDown语法汇总及演示

一级标签与二级标签有两种形式.
其中

Header 3

This is a blockquote.
区块标签,先输入>在写入内容即可
This is the second paragraph in the blockquote.

斜体
斜体
加粗
加粗

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

表格的创建最主要的是第二行 : |-----|-----|-----|-----| ,该处代表4列.

:---------: 居中
:---------- 居左
----------: 居右

想要内容居中还是左右,关键就是在创建表格时第二行在------的左右添加 : , 默认(不添加:的时候)表格是居中的.

对于使用有序与无序列表来说,写上*后面需要打一个空格,再输入想要写的内容.
无需列表的三种方式.  * , + , - ,都可以
有序列表写对应的数字即可.

无序列表

  • 列1
  • 列2
  • 列3

加号

  • 列1
  • 列2
  • 列3

减号

  • 列1
  • 列2
  • 列3

有序列表

  1. 列1
  2. 列2
  3. 列3

想要插入多个空行,MarkDown编辑器不添加任何东西时,只能添加一个空行.
两种方式:
1.
2.`与html相同,使用
,换行符的意思,添加后即换行.

例如
滴水石穿,


非一日之功!

锲而不舍


朽木不折!

输入四个空格或者一个Tab键,后再输入内容,即可按原有格式输入

1.段首可以使用,,来产生空格.

  •   : 一个全角空格
  •   : 一个全角空格的一半
  •   : 一个半角空格

2.段中可以将输入法改为全角(shift+空格)后,即可在文中添加空格.半角空格输入任意个,只起到一个空格的效果.

 1+1  =   
 1+1
 1+1
1 1()
1 1(中间为半角空格)
1 1()
1 1(中间为全角空格)
1 1()
1+1 = 2(全为半角空格)

三个方式:

  1. 输入四个空格,后输入内容
  2. 一个Tab键,后输入内容
  3. 三个反引号开始,内容写完后三个反引号作为结束.

添加的什么代码就在每个开始的反引号后面填写好代码语言的名称即可.

 

如果在文本中添加一段代码的话,可以用一个反引号开始,写入想要的代码,在输入一个反引号作为结束.


  1. 示例:
  • 百度
  • Google
  • Clearlight的博客

  1. 访问:
    <www.baidu.com>
    <www.weibo.com>


  2. 格式:

*其中如何添加图片,请看插入图片 *
了解如何插入图片后,将插入的图片剪切,复制到 [ ] 里面,后面紧跟( ),括号里面写点击图片想要跳转的网址.网址前>面需要加上+

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-D8zKrp3N-1578924894977)(https://s2.ax1x.com/2019/03/21/A3E2Nj.png)]


直接参考文章:微wx笑:CSDN-markdown编辑器语法——字体、字号与颜色
       RGB颜色查询对照表

摘抄部分,方便本文阅读:

我是黑体字

我是微软雅黑

我是华文彩云

color=#0099ff size=72 face=“黑体”

color=#00ffff

color=gray

博客中想要将特定的 打出来,用&ensp;即可在文章中显示出来.
格式为:&amp+想要的内容即可.

&nbsp; : 一个半角空格的长度

三种方式 :




格式:
例 : 无效的信息

  • 图床意义
      就是专门用来存放图片,同时允许你把图片对外连接的网上空间,不少图床都是免费的。
  • 图床推荐编辑
      商家在选择图床的时候,请慎重选择免费图床,毕竟众多免费图床网站注册条款里有禁止商用这一条,哪天关闭了图片外链或者商用,势必给用户带来很大的麻烦,很多免费图床总是好景不长,为什么呢?其实很简单,做相册站是要投入的,比如服务器、带宽、人员、技术投资、市场宣传等等!完全免费了,这些小站可能自己都难存活,所以总是不能长久使用

    摘自 图床_百度百科

通过以上的示例显示复制图片后,直接粘贴在编辑的地方是最简单的方式.


图片太大怎么办 如何对图片进行压缩处理

注意:图片描述和图片提示的区别
图片描述是在图片无法加载的时候显示的
图片提示是在鼠标移动到图片上的时候显示的

注意内容摘自:CSDN-markdown编辑器插入网上或本地电脑上的图片

锚点是是网页制作中超级链接的一种,又叫命名锚记。

使用命名锚记可以在文档中设置标记,这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接
这些链接可快速将访问者带到指定位置。
创建到命名锚记的链接的过程分为两步。
1、创建命名锚记
2、创建 到该命名锚记的链接.
反正就是用于文章快速定位,点击目录便可直接跳转到指定位置的。

锚点介绍摘自: hugh Lee : markdown中的锚点

方法:

  1. 创建锚记:
  2. 创建到该锚记的链接:
    锚点

如何在Markdown中画流程图


暂未用到


Markdown将文本转换为 HTML


Markdown
Text-to- HTML conversion tool
Authors
John
Luke


    链接: link.


    撤销Ctrl + Z
    重做Ctrl + Y
    加粗Ctrl + B
    斜体Ctrl + I
    标题Ctrl + Shift + H
    无序列表Ctrl + Shift + U
    有序列表Ctrl + Shift + O
    检查列表Ctrl + Shift + C
    插入代码Ctrl + Shift + K
    插入链接Ctrl + Shift + L
    插入图片Ctrl + Shift + G
    查找Ctrl + F
    替换Ctrl + G

    Markdown
    Text-to- HTML conversion tool
    Authors
    John
    Luke

    一个具有注脚的文本。

    Markdown将文本转换为 HTML



    未完…
                                      



    特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。


    举报收藏 0评论 0
    0相关评论
    相关最新动态
    推荐最新动态
    点击排行
    {
    网站首页  |  关于我们  |  联系方式  |  使用协议  |  隐私政策  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号