Markdown 语法学习总结
博客专区 > J_sky 的博客 > 博客详情
Markdown 语法学习总结
J_sky 发表于9个月前
Markdown 语法学习总结
  • 发表于 9个月前
  • 阅读 14
  • 收藏 0
  • 点赞 0
  • 评论 0

移动开发云端新模式探索实践 >>>   

摘要: 以后更新博客就需要和Markdown语法一直打交道了,所以有必要总结一下常用的Markdown语法,就当笔记记录一下,如有需要的时候翻查回忆一下。

Markdown 的目标是实现「易读易写」。

需求

因为以后更新博客就需要和Markdown语法一直打交道了,所以有必要总结一下常用的Markdown语法,就当笔记记录一下,如有需要的时候翻查回忆一下。

解决方案

Markdown语法的相关文档及教程在网上一搜一大把,这篇并不是Markdown的详细教程,只是笔者对以后博文更新常用的Markdown语法的一次学习及总结。

语法说明

标题

### 标题哈  
## 标题哈  
# 标题哈

标题哈

标题哈

标题哈

官方文档中的另一种标题写法

This is an H1
=============

This is an H2
-------------

这是标题 H1

是标题 H2

引用

> Markdown 标记区块引用是使用类似 email 中用 > 的引用方式

Markdown 标记区块引用是使用类似 email 中用 > 的引用方式

序列

序列是文章中经常用到的,有几种写法如下:

* Python
+ Django
- Java
1. Python
2. Django
3. Java
  • Python
  • Django
  • Java
  1. Python
  2. Django
  3. Java

Markdown 代码块

比较常用的有三种方式,最简单的就是下边这种方式,一般都是用来显示一些编程语言名称提示比如 Python Django <pre><code class="markdown">`这里是一小段代码哦`</code></pre> 这里是一小段代码哦

要在 Markdown 中建立代码区块很简单,只要简单地缩进 4 个空格或是 1 个制表符就可以,显示一行或简单几行的代码时可以用这种方法

要在 Markdown 中建立代码区块很简单,只要简单地缩进 4 个空格或是 1 个制表符就可以

pre 和 code 可以直接上代码段,如果是大代码段推荐使用这种方法,如果引用了第三方的code样式,可以加上 class="你的编程语言",这样会更友好的显示。

&lt;pre>&lt;code class="markdown">这里是一小段代码哦&lt;/code>&lt;/pre>

这里是一小段代码哦    

超链接

<pre><code class="markdown">\[17python]() \[百度](http://www.baidu.com) </code></pre>

17python

百度

强调

<pre><code class="markdown">*Python* _Django_ **Java** __Spring Boot__ </code></pre>

Python

Django

Java

Spring Boot

插入图片

[其实这不是站长的本人的照片](http://www.17python.com/media/upload/2017/08/avatar.jpg)
[17python 微信公众号,欢迎关注哦!](http://www.17python.com/media/upload/2017/08/wx.jpg "www.17python.com")

其实这不是站长的本人的照片

17python 微信公众号,欢迎关注哦!

如果需要控制图片大小的话,直接插入html img标签控制图片大小即可。markdown 中是可以兼容html代码的哦!!!!

最后

<font color=red>Markdown 支持内嵌 HTML 标签。</font>

<font color=red>Markdown 支持内嵌 HTML 标签。</font>

参考: Markdown: Basics (快速入门)

  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 4
博文 25
码字总数 12709
作品 1
×
J_sky
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: