怪小子
Markdown使用笔记
前言

在日常中我们会使用一些记录性的工具记录我们的点点滴滴，这些内容可能是学习心得，也可能是其他类的笔记，帮助我们存储当时的理解或者想法。

毕竟人类的大脑的容量是有限的，且记忆的周期是短时间的，笔记能帮助我们进行快速回忆的方式实 现拿来主义，提升自己的做事效率。

那我们为什么选择 Markdown呢？互联网上有各种类似功能的工具。对于这个问题，我的看法是 Markdown 体量小、语法简单，可通过工具导出 Html、JPG、PNG、PDF等格式文本或者图片。最主要是的个人喜爱！！！

参考链接
目录

  • Markdown-标题

  • Markdown-段落格式

  • Markdown-段落格式-A-空格 or 制表符

  • Markdown-段落格式-B-字体

  • Markdown-段落格式-C-分割线

  • Markdown-段落格式-D-删除线

  • Markdown-段落格式-E-下划线

  • Markdown-段落格式-F-脚注

  • Markdown-列表

  • Markdown-区块

  • Markdown-代码

  • Markdown-链接

  • Markdown-图片

  • Markdown-表格

  • Markdown-高级技巧-HTML元素

  • Markdown-高级技巧-转义

  • Markdown-高级技巧-公式

  • Markdown-高级技巧-画图

  • 总结

  • 下载

    • Markdown-标题
    method-01:
    一级标题
    =

    二级标题
    -

method-02:
    # 一级标题
    ## 二级标题
    ### 三级标题
    #### 四级标题
    ...

    示例: method-01

    一级标题

    二级标题

    示例: method-02
    使用 # 号可表示 1-6 级标题，一级标题对应一个 # 号，二级标题对应两个 # 号，以此类推

    一级标题

    二级标题

    三级标题

    四级标题

    Markdown-段落格式

    在 Markdown 中，空格或者制表符是语法之一，Markdown 是一个高自由度的记录文本格式，你可以根据自己的喜好，选择不同的使用方法！！！

    段落样式包含页面布局、字体、样式、脚注等等。

    Markdown-段落格式-A-空格 or 制表符

      是不换行空格，全称 No-Break Space，它是最常见和我们使用最多的空格，大多数的人可能只接触了 ，它是按下space键产生的空格。在HTML中，如果你用空格键产生此空格，空格是不会累加的（只算1个）。要使用html实体表示才可累加，该空格占据宽度受字体影响明显而强烈。

      是半角空格，全称 En Space，en是字体排印学的计量单位，为em宽度的一半。根据定义，它等同于字体度的一半（如16px字体中就是8px）。名义上是小写字母“n”的宽度。此空格传承空格家族一贯的特性：透明的。此空格有个相当稳健的特性，就是其占据的宽度正好是两个 。

      是全角空格，全称 Em Space，em是字体排印学的计量单位，相当于当前指定的点数。例如，1 em在16px的字体中就是16px。此空格也传承空格家族一贯的特性：透明的。此空格也有个相当稳健的特性，就是其占据的宽度正好是1个中文宽度，而且基本上不受字体影响。

    正常文本
     一个空格的文本，  一个空格的文本
     两个空格的文本， 两个空格的文本
      四个半角空格的文本，  四个半角空格的文本
      四个全角空格的文本，  四个全角空格的文本

    Markdown-段落格式-B-字体

    斜体文本 : *斜体文本*
    斜体文本 : _斜体文本_
    斜体文本 : <i>斜体文本</i>
    斜体文本 : <font style="font-style: italic">斜体文本</font>
    粗体文本 : **粗体文本**
    粗体文本 : __粗体文本__
    粗体文本 : <b>粗体文本</b>
    粗斜体文本 : ***粗斜体文本***
    粗斜体文本 : ___粗斜体文本___

    Markdown-段落格式-C-分割线

    你可以在一行中用三个以上的星号、减号、底线来建立一个分隔线，行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线。

    ***

    * * *

    - - -

    ----------

    <HR align=center width=auto color=#987cb9 SIZE=1/>

    Markdown-段落格式-D-删除线

    这是一个文本内容 : ~~这是一个文本内容~~
    这是一个文本内容 : <s>这是一个文本内容</s>

    Markdown-段落格式-E-下划线

    这是一个文本内容 : <u>这是一个文本内容</u>

    Markdown-段落格式-F-脚注

    这是一个文本内容[1]。

    Markdown-列表

    无序列表

    • 元素一 : * 元素一
    • 元素二 : * 元素二
    • 元素三 : * 元素三
    <ul>
<li>元素一</li>
<li>元素二</li>
<li>元素三</li>
</ul>

    有序列表

    1. 元素一 : 1. 元素一
    2. 元素二 : 2. 元素二
    3. 元素三 : 3. 元素三
    <ol>
<li>元素一</li>
<li>元素二</li>
<li>元素三</li>
</ol>
    Markdown-区块

    区块引用一般用于表示外部引用内容吧，我个人使用的理解是如此的！如有不同理解，可通过底部邮箱联系我并交流该随笔内容的合理性。

    > *这是一个引用*
> > *这是一个嵌套引用*
> 
> *区块中使用列表*
> 1. 有序列表-元素一
> 2. 有序列表-元素二
> + 无序列表-元素一
> + 无序列表-元素二

    这是一个引用

    这是一个一级嵌套引用

    这是一个二级嵌套引用
    区块中使用列表

    1. 有序列表-元素一
    2. 有序列表-元素二
    • 无序列表-元素一
    • 无序列表-元素二
    Markdown-代码

    如果是段落上的一个函数或片段的代码可以用反引号把它包起来（`），例如

    eg.方法main(int argc, const char* argv[])是程序的入口方法。

    代码块

    代码区块使用 4 个空格或者一个制表符（Tab 键）。或者 ```

    int main(int argc, const char* argv[])
{
    // todo
    // nothing ...
    return -1;
}
    Markdown-链接
    [链接名称/说明内容](链接地址)
如百度网址 [百度一下](https://www.baidu.com/)

    百度一下超链接文本

    [1]: https://www.baidu.com/ "百度一下"
使用方式
这是[百度一下的超链接][1]

    这是百度一下的超链接

    <a href="网址、链接地址" target="目标" title="说明">被链接内容</a>
如 <a href="https://www.baidu.com/" title="百度一下的超链接">百度一下</a>

    百度一下

    Markdown-图片
    ![alt 属性文本](图片地址)
![alt 属性文本](图片地址 "可选标题")
![RUNOOB 图标](http://static.runoob.com/images/runoob-logo.png)

    RUNOOB 图标

    <img src="图片路径" width="175" height="47" alt="" /> 
如 <img src="http://static.runoob.com/images/runoob-logo.png" width="auto" height="auto" alt="RUNOOB 图标" />
    RUNOOB 图标
    Markdown-表格

    Markdown 制作表格使用 | 来分隔不同的单元格，使用 - 来分隔表头和其他行。

    |  表头   | 表头  |
|  ----  | ----  |
| 单元格  | 单元格 |
| 单元格  | 单元格 |

    以上代码显示结果如下：

    表头 表头
    单元格 单元格
    单元格 单元格 
    <table border="1" cellspacing="0"> 
    <tr> 
        <th>表头</th> 
        <th>表头</th> 
    </tr> 
    <tr> 
        <td>单元格</td> 
        <td>单元格</td> 
    </tr> 
    <tr> 
        <td>单元格</td> 
        <td>单元格</td> 
    </tr> 
</table>

    以上代码显示结果如下：

    表头 表头
    单元格 单元格
    单元格 单元格
    Markdown-高级技巧-HTML元素

    在之前的例子中，已经体现了Markdown对 Html的兼容性。这里不做其他描述。

    例子-使用 Ctrl+Alt+Del 重启电脑

    Markdown-高级技巧-转义

    Markdown 使用了很多特殊符号来表示特定的意义，如果需要显示特定的符号则需要使用转义字符，Markdown 使用反斜杠转义特殊字符：

    **文本加粗** 
\*\* 正常显示星号 \*\*

    以上代码显示结果如下：

    文本加粗
    ** 正常显示星号 **

    Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号：

    符号 描述
    |反斜线
    ` 反引号
    * 星号
    _ 下划线
    { 花括号
    [ 方括号
    ( 小括号
    # 井字号
    + 加号
    - 减号
    . 英文句点
    ! 感叹号
    Markdown-高级技巧-公式
    $...$ 或者 \(...\) 中的数学表达式将会在行内显示。
$$...$$ 或者 \[...\] 或者 ```math 中的数学表达式将会在块内显示。
例子三维点距离计算公式: $d = \sqrt{[(x1-x2)^2+(y1-y2)^2+(z1-z2)^2]}$

    以上代码显示结果如下：

    \(d = \sqrt{[(x1-x2)^2+(y1-y2)^2+(z1-z2)^2]}\)

    Markdown-高级技巧-画图

    不常用的图我这里没有记录，如果你对这部分内容感兴趣的话，你可以跳转runoon查看

    标准流程图：

    建议在UML建模工具中画好设计图后通过图片链接到Markdown中，博客园暂时不支持，待更新！！！

    st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st(right)->op(right)->cond
cond(yes)->io(bottom)->e
cond(no)->sub1(right)->op
    总结

    Markdown 作为一个标记语言，它的功能非常强大！！！基本满足日常中的各种写作需求，而且能与博客园平台有良好的兼容性，但世界上没有完美的事物，但我喜欢它。

    下载

    *.md 源文件在这里下载

    1. 这是一个脚注 ↩︎

    posted on 2022-12-19 22:38  怪小子  阅读(55)  评论(0)  编辑  收藏  举报

    Copyright © 2024 怪小子
    Powered by .NET 9.0 on Kubernetes Powered By博客园