前言
昨天和前天经过极其痛苦
配置过程,最后我的个人博客终于搭建成功了!!!我的博客地址(当然,博客的搭建过程并不复杂,只是喜欢追求完美的我,总是因为一点点的瑕疵就感到不满意,然后就想着解决,奈何技术太菜
,所以只能时间来凑.
好了,博客搭建好了,那么接下来自然而然就是通过它来记录学习过程了。所以自然就想到了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……)
+.(英文句号)
+‘空格’+内容
。如以下:
- 中国
- 美国
- 日本
6、表格
如果需要在博客中加入表格,那么可以用下面的语法:
表头|表头|表头
-|:-:|-:
内容|内容|内容内容|内容|内容
效果如下:`
国家 | 人口 | 排名 |
---|---|---|
中国 | 14 | No.1 |
美国 | 2.2 | No.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
X⟶FY
总结
以上列举的是最为常用的Markdown用法,当然Markdown还有许多其他的用法,感兴趣的可以查阅相关资料。也欢迎来我的个人博客看看。