Markdown语法总结

前言

    昨天和前天经过极其痛苦 配置过程,最后我的个人博客终于搭建成功了!!!我的博客地址(当然,博客的搭建过程并不复杂,只是喜欢追求完美的我,总是因为一点点的瑕疵就感到不满意,然后就想着解决,奈何技术太菜,所以只能时间来凑.
    好了,博客搭建好了,那么接下来自然而然就是通过它来记录学习过程了。所以自然就想到了Markdown。博客不同于word排版,通过框选、点击相应的按钮等操作就可以实现想要的效果,markdown完全是键盘操作,想要什么样的效果,完全是通过相应的语法来实现,也就是通过不同的符号和格式来实现。那么废话不多说,开始Markdown的语法的学习。

一、Markdown 纯文本基本语法

1、标题

    正如我们日常写课程报告一样,不同大小的标题显得文章更有层次感。那么Markdown中的不同的标题是通过#的个数来区分的,个数从1-6字体一次减小,常用的为标题二,也就是本小结的标题一、Markdown纯文本基本语法这样的大小(1、标题为标题三)。
    使用方法:#个数+空格+标题

2、字体

    在基本用法中,常用的就是加粗斜体删除线下划线等这些操作。

  • 加粗和斜体
        加粗斜体是通过*或者_的个数来控制的。我就用*来演示。一个*代表倾斜,两个代表加粗,三个代表 加粗倾斜
        使用方法:*个数+内容+*个数。如 ** 我最棒 **。如果在使用过程中有无法识别的情况,请注意空格的使用。
  • 删除线
        在我们浏览公众号时经常会看到 "我可以"这样的写法,那么就是删除线的是用。在Markdown中使用~~+内容+~~的格式来呈现出删除线的效果。需要注意的是这里的~~是英文中的,如果未能实现想要的效果,可能是中英文输入的问题。
  • 下划线
        下划线在word中可以说很简单的操作,但是在Markdown中就不是那么容易了。想要实现下划线的效果,需要写一长串的符号:<span style="border-bottom:2px dashed red">+内容+</span>。这个当然是自定义程度最高的了,涉及到css的语法,可以定义下划线的宽度、样式以及颜色。比如,Hello World
    。如果为了简单那么可以使用u标签,也就是<u>+内容+</u>,比如:Hello World。可以看到这是最平常的一种样式。如果只需要简单使用下划线,那么可以用第二种方式。

3、分割线

    在日常的博客中,分割线必不可少。在Markdown中你可以使用三个以上*-_来做出分割线,但行内不能有其他内容。比如:


    上面就是三个*做出来的分割线。

4、引用

    在需要引用的文字前在上>即可。以下例子引用罗素我为什么活着

    对爱情的渴望,对知识的追求,对人类苦难不可遏制的同情心,这三种纯洁但无比强烈的激情支配着我的一生。这三种激情,就像飓风一样,在深深的苦海上,肆意地把我吹来吹去,吹到濒临绝望的边缘。
    我寻求爱情,首先因为爱情给我带来狂喜,它如此强烈,以致我经常愿意为了几小时的欢愉而牺牲生命中的其他一切。我寻求爱情,其次是因为爱情解除孤寂——那是一颗震颤的心,在世界的边缘,俯瞰那冰冷死寂、深不可测的深渊。我寻求爱情,最后是因为在爱情的结合中,我看到圣徒和诗人们所想象的天空景象的神秘缩影。这就是我所寻求的,虽然它对人生似乎过于美好,然而最终我还是得到了它。
    我以同样的热情寻求知识,我希望了解人的心灵。我希望知道星星为什么闪闪发光,我试图理解毕达哥拉斯的思想威力,即数字支配着万物流转。这方面我获得一些成就,然而并不多。
    爱情和知识,尽可能地把我引上天堂,但同情心总把我带回尘世。痛苦的呼号的回声在我心中回荡,饥饿的儿童,被压迫者折磨的受害者,被儿女视为可厌负担的无助的老人,以及充满孤寂、贫穷和痛苦的整个世界,都是对人类应有生活的嘲讽。我渴望减轻这些不幸,但是我无能为力,而且我自己也深受其害。
    这就是我的一生,我觉得它值得活。如果有机会的话,我还乐意再活一次。

    当然你可以在引用中嵌套其他用法,这里不在赘述。

5、列表

  • 无序列表
        在Markdown中可以使用单个的-*+来实现无序列表的标记。如-+实例一。当然记住标记与内容要用空格隔开。如:
        - 中国
        - 美国
        - 日本
        无序列表可以嵌套,下一级在上一级的基础上加三个空格即可。如这样写:

 * 中国
    * 日本
       * 美国

效果:

  • 中国
    • 日本
      • 美国
  • 有序列表
        有序列表的用法为数字(1、2 、3……)+.(英文句号)+‘空格’+内容。如以下:
  1. 中国
  2. 美国
  3. 日本

6、表格

    如果需要在博客中加入表格,那么可以用下面的语法:
表头|表头|表头
-|:-:|-:内容|内容|内容内容|内容|内容效果如下:`

国家人口排名
中国14No.1
美国2.2No.2

    默认文字居中,-两边都加代表文字居中,-加在右边代表文字居右

7、代码

    程序员嘛,在写博客时肯定缺少不了贴代码。Markdown中可以用两个反引号来标记代码。也可以用````来显示代码段。如果这样写: ```java +代码+ ````,则代表java代码,实例效果如下:

class HelloWorld{
    public static void main(String[] args){
        System.out.println("Hello World!");
    }
}

二、Markdown纯文本进阶语法

    为了使自己的博客内容排版更好看一点,就需要学习更过知识了。

1、更改字体、大小、颜色

    语法:
    <font face ="宋体">内容</font><font color=yellow>内容</font><font size=5>内容</font>
    例子:<font size=6 color= blue face="宋体">Hello World!</font>
    效果:
Hello World!

2、为文字添加背景色

    当然这个添加背景色是整个一行都会添加。
    语法:<table><tr><td bgcolor=#003454>内容</td></tr></table>
    例子:<table><tr><td bgcolor=#003454>Hello World!</td></tr></table>
    效果:

Hello World!

3、设置文字对齐方式

    在Markdown中设置文字对齐方式通过下列语法:
    居中对齐:<center>内容</center>
    左对齐:<p align="left">内容</p>
    右对齐:<p align="right">内容</p>
    举例效果::

富强、民主、文明、和谐,自由、平等、公正、法治,爱国、敬业、诚信、友善

富强、民主、文明、和谐,自由、平等、公正、法治,爱国、敬业、诚信、友善

富强、民主、文明、和谐,自由、平等、公正、法治,爱国、敬业、诚信、友善

4、加上下标

    下标语法内容<sub>内容</sub>内容
    例子: Na<sub>2CO<sub>3
    效果:Na2CO3
    上标语法:内容<sup>内容</sup>内容
    例子深圳腾讯<sup>TM</sup>
    效果:深圳腾讯TM

三、Markdown进阶使用

1、超链接

    Markdown支持两种形式的链接语法:行内式和参考式。

  • 行式链接
        行内式语法:内容[链接名](链接地址)内容
        例子:这就是百度,点击一下,你就知道!
        当然如果想在新标签也中打开链接网址,学过html的都知道,可以用<a href="链接地址" target="_blank">超链接名</a>
        例如:<a href="http://baidu.com" target="_blank">百度一下</a>
        效果百度一下
        
  • 参考式链接
        参考式链接语法内容[链接名][id]内容+[id]:链接地址,后者可以写在文章的任意位置,当然一般写在底部。
        例子:内容可参考[百度一下][1].[1]:www.baidu.com
        效果:内容可参考[百度][baidu]
        [baidu]:http://baidu.com/

2、自动链接

    Markdown也可以自动链接的形式来处理网址和电子邮件信箱,只需要用尖括号括起来就可以了,Markdown会将其自动转换成链接。
    例子:<http://baidu.com>
    效果:http://baidu.com

3、图片的使用

    在日常的博客编写的过程中少不了图片的使用。Markdown中的图片插入不同于word直接拖拽式的,而是通过特定的语法来引用。与超链接相同,图片的插入同样分为行内式参考式两种。

  • 行内式
        语法:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qIkPSpbX-1596445569176)(URL)]
        例子:![行情分析](https://i-blog.csdnimg.cn/blog_migrate/bbad591d80edc8b63dc21d0d468eaa1f.png)
        效果:行情分析
        注意:上面的URL可以为本地路径,也可以是图片的网址。当然显然第二种更好,因为这样当本地路径发生变化时图片并不会丢失。这里我选择的是腾讯云图床对博客中的图片进行存储。

  • 参考式
        参考式的用法与超链接大同小异,不在赘述!

  • 图片的对齐方式
        语法:<div align=center>[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SuW06gyJ-1596445569185)(URL)],想要居右对齐,修改align参数为right即可。与上述的文字的对齐方式大同小异,不再演示。

  • 图片大小的设置
        语法<img src="URL" width="数值或者百分比" height="数值或百分比"/>
        例子:<img src="https://myblog-picture-1259758352.cos.ap-nanjing.myqcloud.com/QQ%E6%88%AA%E5%9B%BE20200731192642.png" width="200" height="100" />
        效果:

4、LaTeX公式

    由于本人可能近期用到LaTeX公式的情况比较少,所以仅举一个原作者中提到的一个例子。
    例子:$ X\stackrel{F}{\longrightarrow}Y$
    效果: X ⟶ F Y X\stackrel{F}{\longrightarrow}Y XFY

总结

    以上列举的是最为常用的Markdown用法,当然Markdown还有许多其他的用法,感兴趣的可以查阅相关资料。也欢迎来我的个人博客看看。

😄


参考文章:Markdown语法及原理从入门到高级(可能是全网最全)

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值