博客写作——Markdown语法(1)

杂谈 Markdown


最近注册了博客,肯定得趁热打铁一波。这不,作为博客小白,就先来研究研究Markdown语法。

1.标题

标题的语法比较简单,且最多嵌套6层标题。
语法规则:

"#"*n + " " + "标题内容"
其中,n为该标题的层数。



我们来看看效果吧:

    # 一层标题
    ## 二层标题
    ### 三层标题
    #### 四层标题
    ##### 五层标题
    ###### 六层标题

输出显示:

一层标题

二层标题

三层标题

四层标题

五层标题
六层标题


2.文字

2.1 粗体字

语法规则:

"**" + "粗体字" + "**"

效果如下:粗体

2.2 斜体字

语法规则:

"*" + "斜体字" + "*"

效果:斜体

2.3 删除线字体

语法规则:

"~~ " + "待删除字" + " ~~"

效果:待删除字

2.4 斜体加粗字

2.12.2可以嵌套使用
就有了斜体加粗字

语法规则:

"***" + "斜体加粗字" + "***"

效果:斜体加粗字

2.5 高亮字体

语法规则:

"`" + "高亮字体" + "`"

效果:高亮字体



我们来看看具体效果:

**粗体字**
*斜体字*
***斜体加粗字***
~~待删除字~~
`高亮字体`

输出显示:

粗体字
斜体字
斜体加粗字
待删除字
高亮字体



3.链接

3.1 图片链接

语法规则:

![图片名](图片地址 "图片描述")
图片地址一般是网络地址,这样博客图片比较方便
其中图片名既是图片的标题图片描述会在鼠标悬停在链接时展示

效果:

3.2文字链接

共有两种连接方式。

语法规则:

第一种: [链接名](链接地址 "链接描述")
第二种:
其中链接名既是链接的标题链接描述会在鼠标悬停在链接时展示

效果:
我的第一篇客
https://www.cnblogs.com/mingsam/p/10927984.html



我们来看看实际效果:

 ![我的第一篇博客](http://image.mamicode.com/info/201905/20190530013758796083.jpg "我的第一篇博客-图片1")

 [我的第一篇客](https://www.cnblogs.com/mingsam/p/10927984.html "我的第一篇博客-链接1")

 <https://www.cnblogs.com/mingsam/p/10927984.html>
 

输出显示:

我的第一篇客

https://www.cnblogs.com/mingsam/p/10927984.html



4.列表

注意:某些Markdown编辑器在使用列表时需要与上文隔离(即空一行

4.1 无序列表

语法:

“+”+“ ”+ “列表”
其中“+”可以替换成“-”或者“*”,可以多个混用。

效果:

  • 列表1
  • 列表2
  • 列表3

4.2 有序列表

语法规则:

“1.” + “ ” + “列表1”
“2.” + “ ” + “列表2”
“3.” + “ ” + “列表3”

效果:

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


我们来看看实际效果:

+ 列表1
- 列表2
* 列表3
1. 列表1
2. 列表2
3. 列表3

输出显示:

  • 列表1
  • 列表2
  • 列表3
  1. 列表1
  2. 列表2
  3. 列表3


5. 表格

语法规则:

表头\|表头\|表头
---\|:--:\|---:
内容|内容|内容
内容|内容|内容

第二行不仅起到隔离作业,也决定了内容显示的格式
"--|" 是默认格式,默认居左,
":--:|" 是居中格式,
"--:|" 是默认格式,默认居右,



我们来看看具体效果吧:

 表头1|表头2|表头3
 ---|:--:|---:
 内容|居中格式|居右内容
 内容|居中格式|居右内容
 

显示效果:

表头1 表头2 表头3
内容 居中格式 居右内容
内容 居中格式 居右内容


6. 引用

引用可以突出显示一些内容,当然主要作用还是引用别人文章里面的东西

语法规则:

">"*n + "带引用内容"
n的取值取决于嵌套的层数



我们来看看具体的效果:

> 第一层引用
>> 第二层应用
>>>> 第四层引用

显示效果:

第一层引用

第二层应用

第四层引用



7. 分割线

分割线就是一般的分割线,不过博客园这里显示的分割线比较奇特.

语法规则:

"---"
每条分割线需要空一行



我们来看看具体效果:

---

---

显示效果:




以上是Markdown的基本语法,基本满足日常操作了,如有兴趣可以看下一篇哈!

参考:
https://www.jianshu.com/p/191d1e21f7ed

https://www.jianshu.com/p/f3147a804368

原文地址:https://www.cnblogs.com/mingsam/p/10930081.html

时间: 2024-10-03 19:23:15

博客写作——Markdown语法(1)的相关文章

博客园markdown语法扩展

从Markdown语法解析说起 Markdown作为一种非常轻便的标记语言,非常适合博客的写作.其语法十分简单,一般都是一些特殊的字符组合来实现特定的语法,比如一级标题.二级标题,插图.插表等等.这些语法和HTML之间存在一种转换关系,或者说映射.其中担当这个转化工作的就是 js 脚本文件,其术语称之为解析 . 查阅相关资料后得知,目前来说,对于Markdown这门语言,标准语法很有限,所以后面不断发展出了许多扩展语法,但是仍然十分有限,并且不太好自定义扩展语法(教程太复杂,不适合新手),为此我

博客园 Markdown编辑器简要教程

简介 ?? 在刚才的导语里提到,Markdown 是一种用来写作的轻量级「标记语言」,它用简洁的语法代替排版,而不像一般我们用的字处理软件 Word 或 Pages 有大量的排版.字体设置.它使我们专心于码字,用「标记」语法,来代替常见的排版格式.例如此文从内容到格式,甚至插图,键盘就可以通通搞定了.?? 目前来看,支持 Markdown 语法的编辑器有很多,包括很多网站(例如简书)也支持了 Markdown 的文字录入.Markdown 从写作到完成,导出格式随心所欲,你可以导出 HTML 格

博客园 Markdown 编辑器指南

标题 只要前面加 # 号即可,一共六级标题 列表 无序列表 无序列表前面加* 无序列表前面加* 无序列表前面加* 有序列表 前面加列号序号1 前面加列号序号2 前面加列号序号3 引用 只需要在前面加>符号 粗体于斜体 打两个**就是粗体 打一个*就是斜体 代码框 这是代码框,有包起来的 使用\`\`\`py更加好一点, 可以包含多行代码 分割线 分割线的语法只需要三个 * 号 在此处分割 在此处分割 博客园 Markdown 编辑器指南 原文地址:https://www.cnblogs.com/

修改博客园markdown编辑器代码高亮风格的方法

???????作为一个工程师,追求极致与艺术也应当成为我们生活中的一部分,作为自己的心爱之物--博客,当然也得装扮一下,我对代码高亮有自己所喜欢的风格~还好程序员的世界总是共通的,已经有前辈开发了一些代码高亮的样式可供我们开箱即用.Highlightjs就是这样一款产品. ???????下面介绍一下我是如何将这款产品应用于博客园markdown编辑器中的. 第一步,找到你所喜欢的高亮主题 ???????打开Hightlightjs的demo页面 选择你所喜欢的高亮主题.我选择的是Atom One

博客园 markdown测试

##1.是否能用markdown呢 这是个问题 似乎不可以的 ======================= 这是怎么回事呢 来自为知笔记(Wiz) 博客园 markdown测试

博客园Markdown模式的MATLAB代码高亮方案

前言 博客园随笔写作可以使用 Markdown 进行编辑,当展示代码时,可以使用下面的语法来对代码块进行展示: ?```language code-content ?``` 一般来说,指明了 language 后,应该是可以是实现语法高亮的.其基本原理就是将代码中的 关键字 .变量 .函数 等待字符做正则化匹配,将纯文本的代码内容分块,与固定语法内容的着色方案(css样式)对应上. 然鹅!!大部分编程语言都能实现较好的高亮,而 Matlab 效果却很差,语法样式是错误的!看着很不舒服. 就像下面

MarkWord - 可发布博客的 Markdown编辑器 代码开源

因为前一段时间看到 NetAnalyzer 在Windows10系统下UI表现惨不忍睹,所以利用一段时间为了学习一下WPF相关的内容,于是停停写写,用了WPF相关的技术,两个星期做了一个Markdown编辑器,并且集成了:编辑时与网页同步,博客发布,PDF导出等功能.也主要是不忿某款外国软件收费,故有此作. 代码下载地址 https://github.com/Twzy/MarkWord 展示与说明 代码同步编辑 博客发布 代码说明 博客发布 MarkWord支持博客园和CSDN博客发布,并且可以

名著读后感主题的博客写作选择zblog还是wordpress程序?[图]

写博客算是一种闲情逸致吧,主要是自己读书之后做一个总结,因此就写个博客来记录一下自己的学习过程和心得,表示自己的生活也还是充满了激情的吗,没有虚度光阴.那么,写个人博客到底是选择zblog还是wordpress程序系统呢?我相信这个问题让很多博主纠结过,没错,我也是如此.一开始我就想过用wordpress系统来建博客,但是后来观察过一些博主的网站,发现这套系统并不是很适合我,因此在模板的编辑和处理方面,我还是比较熟悉zblog,而我对ASP语言比较熟悉一些,因为我们接触网站算是比较早的,一开始大

公开求助:博客园Markdown编辑器的改进(太简陋)

本人学生党,学业繁重,对JavaScript等一无所知,同时无法忍受博客园默认的markdown编辑器--它太丑.太简陋了. 然后,我看到一个网站:这大概是"所见即所得"Markdown吧_V2EX 上也能用 发现这个项目 HyperMD HyperMD是一个在线的能够"实时预览"的markdown编辑器. HyperMD 是一组 [CodeMirror][] 插件.模式.主题.编辑器命令(Commands)和按键绑定(KeyMap)等. 你可以在一个页面上同时使用