写在前面

本篇包括了Markdown段落、Markdown字体、Markdown分割线、Markdown删除线、Markdown下划线和Markdown脚注，需要提到的是这里面的语法可能不是特别适用blog的文章编辑，因为有的语法确实不适用。

  1. Markdown设置字体大小、颜色、类型、加粗:弈-剑

  2. 【前端】HTML和Markdown设置下换线:欧恩意

  3. Markdown链接及脚注:金陵笑笑生

Markdown段落

  1. 换行方式
    Markdown的换行可以使用两个以上的空格加回车；

    1
    2
    我要换行啦哈   
    换行

    换行方式1的显示图

  2. 换行方式2
    使用空行直接换行；

    1
    2
    3
    我要换行啦哈

    换行

    换行方式2的显示图
    以下的换行方式在博客中也可以使用：

  3. 换行方式3
    可以使用下面这个换行；

    1
    我要换行啦哈<br>换行

Markdown字体

Markdown字体有斜体、粗体、粗斜体三种基础字体。blog文章里好像有几种是不能使用的；

  1. 基础字体演示
    以下为三种基础字体演示代码：

    1
    2
    3
    4
    5
    6
    *斜体文本*
    _斜体文本_
    **粗体文本**
    __粗体文本__
    ***粗斜体文本***
    ___粗斜体文本___

    以下为示例代码的演示效果：
    Markdown字体演示效果

  2. 改变字体大小
    示例代码：（size：规定文本的尺寸大小，取值范围为1-7，浏览器默认为3，数值超出后还是会以最大的7号显示。这里说一句看着这个代码有些像html的代码，不知道是不是一样的）

    1
    2
    3
    <font size=1>字体大小size=1</font><br>
    <font size=3>字体大小size=3</font><br>
    <font size=5>字体大小size=5</font><br>

    以下为演示效果：
    改变字体大小的代码的演示效果

  3. 改变字体颜色

  • 英文字母

    1
    2
    3
    4
    <font color=red>红色</font><br>
    <font color="blue">蓝色</font><br>
    <font color=Yellow>黄色</font><br>
    <font color=YellowGreen>黄绿色</font><br>

    以下为演示效果：
    color为英文字母的演示效果

  • 十六进制颜色值

    1
    2
    3
    <font color=#ff0000>红色</font><br>
    <font color=#00ff00>绿色</font><br>
    <font color=#0000ff>蓝色</font><br>

    以下为演示效果：
    color为十六进制颜色值的演示效果

  • 改变字体类型
    注意：字体类型的改变只能在电脑上显示字体效果，在手机上无法显示字体类型

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <font face="黑体">黑体</font><br>
    <font face="宋体">宋体</font><br>
    <font face="仿宋">仿宋</font><br>
    <font face="幼圆">幼圆</font><br>
    <font face="楷书">楷书</font><br>
    <font face="华文行楷">华文行楷</font><br>
    <font face="华文隶书">华文隶书</font><br>
    <font face="华文新魏">华文新魏</font><br>
    <font face="华文彩云">华文彩云</font><br>
    <font face="华文琥珀">华文琥珀</font><br>

    以下为示例代码演示效果:
    改变字体类型代码的演示效果

注意：可以混合使用就和html的标签是一样的，就是几种属性值；

Markdown分割线

可以使用星号、减号、下划线等几种；

1
2
3
4
5
***
* * *
- - -
___
_ _ _

以下为示例代码演示：
分割线示例代码演示效果

Markdown删除线

只需要在两边加上波浪线就可以了；

1
2
3
RUNOOB.COM<br>
GOOGLE.COM<br>
~~BAIDU.COM~~<br>

以下为示例代码演示：
删除线示例代码演示效果

Markdown下划线

  1. 常规办法

    1
    <u>带下划线文本</u>

    以下为示例代码演示：
    下划线常规方法演示效果

  2. text_decoration属性

    1
    <span style="text-decoration:underline">这是text-decoration属性设置的下划线。</span>

    以下为示例代码演示：
    下划线text_decoration属性演示效果

  3. border-bottom属性

    1
    2
    3
    4
    5
    <p>这是第实线样式，<span style="border-bottom: 1px solid #000000;">Mming‘s Blog</span>! </p> 
    <p>这是变粗的实线，<span style="border-bottom: 5px solid #0081EF;">Mming‘s Blog</span>! </p>
    <p>这是虚线样式，<span style="border-bottom: 2px dashed #000000;">Mming‘s Blog</span>! </p>
    <p>这是虚点下划线，<span style="border-bottom: 2px dotted #000000;">Mming‘s Blog</span>! </p>
    <p>这是双下划綫，<span style="border-bottom: 5px double #000000;">Mming‘s Blog</span>! </p>

    以下为示例代码演示：
    下划线border-bottom属性演示效果

Markdown脚注

主要是对文本的一个补充内容的使用；

1
2
3
这个是脚注的一个试验代码不过有需要注意的一点[^地方：脚注01]

[^地方：脚注01]: 就是写在这里面的内容中间不能有空格，有空格可能不能使用，或者一些其他的符号什么的，所以使用的时候需要注意一点；

以下为演示效果：
Markdown脚注的演示效果
说明：只要脚注的后面哪里没有空格就没多少问题。。。。。

总结：

以上的内容部分为进阶的用法，实际使用好麻烦，熟悉了应该会好一些。另外markdown里应该可以和html混合使用，因为字体那里的其他的使用方式和html的差不多。换行方式有很多，但可以使用到以上的比较少。Markdown之后的图片、链接、区块、代码以及最后的高级技巧实际的使用不多就没有在特意分别写出来了，之后有需要会单独写一些的（20220522）