NsNe / blog

4 stars 0 forks source link

markdown 语法 #2

Open NsNe opened 7 years ago

NsNe commented 7 years ago

今天写博客时,发现用Hexo + github page搭建的博客要用Markdown语法来更新文章,于是在网上查了其用法,放到自己的博客里,以便随时查询。

What is Markdown?

Markdown 是一种轻量级的「标记语言」,它的优点很多,目前也被越来越多的写作爱好者,撰稿者广泛使用。看到这里请不要被「标记」、「语言」所迷惑,Markdown 的语法十分简单。常用的标记符号也不超过十个,这种相对于更为复杂的 HTML 标记语言来说,Markdown 可谓是十分轻量的,学习成本也不需要太多,且一旦熟悉这种语法规则,会有一劳永逸的效果。

代码高亮

如果你只想高亮语句中的某个函数名或关键字,可以使用 function_name() 实现 通常编辑器根据代码片段适配合适的高亮方法,但你也可以用 ``` 包裹一段代码,并指定语言

```javascript
$(document).ready(function () {
    alert('hello world');
});
支持的语言:actionscript, apache, bash, clojure, cmake, coffeescript, cpp, cs, css, d, delphi, django, erlang, go, haskell, html, http, ini, java, javascript, json, lisp, lua, markdown, matlab, nginx, objectivec, perl, php, python, r, ruby, scala, smalltalk, sql, tex, vbscript, xml
也可以使用 4 空格缩进,再贴上代码,实现相同的的效果
def g(x):
    yield from range(x, 0, -1)
yield from range(x)
## 标题
文章内容较多时,可以用标题分段:

最高阶标题(h1)

第二阶标题(h2)

一级标题(h1)

二级标题(h2)

三级标题(h3)

## 粗斜体

斜体文本 斜体文本 粗体文本 粗体文本 粗斜体文本 粗斜体文本

## 居中
使用一对中括号“[文字]”来居中一段文字

[### 居中的标题]


## 链接

常用链接方法

文字链接 链接名称 网址链接 http://链接网址

高级链接技巧

这个链接用 1 作为网址变量 Google. 这个链接用 yahoo 作为网址变量 [Yahoo!][yahoo]. 然后在文档的结尾为变量赋值(网址)

[yahoo]: http://www.yahoo.com/
## 列表
### 普通无序列表
  1. 列表里代码段:

    前面四个空格,之后按代码语法 ``` 书写
    或者直接空八个,引入代码块
    ## 引用
    ### 普通引用

    引用文本前使用 [大于号+空格] 折行可以不加,新起一行都要加上哦

    ### 引用里嵌套引用

    最外层引用

    多一个 > 嵌套一层引用

    可以嵌套很多层

    ### 引用里嵌套列表
    • 这是引用里嵌套的一个列表
    • 还可以有子列表
    • 子列表需要从 - 之后延后四个空格开始
      ### 引用里嵌套代码块

      同样的,在前面加四个空格形成代码块

    或者使用 ``` 形成代码块
    ## 图片
    跟链接的方法区别在于前面加了个感叹号 !,这样是不是觉得好记多了呢?

    图片名称

    当然,你也可以像网址那样对图片网址使用变量

    这个链接用 1 作为网址变量 Google. 然后在文档的结尾位变量赋值(网址)

也可以使用 HTML 的图片语法来自定义图片的宽高大小
```html
<img src="htt://example.com/sample.png" width="400" height="100">

换行

如果另起一行,只需在当前行结尾加 2 个空格

在当前行的结尾加 2 个空格  
这行就会新起一行

如果是要起一个新段落,只需要空出一行即可。

分隔符

如果你有写分割线的习惯,可以新起一行输入三个星号*。

前面的段落

***

后面的段落

空格

    半方大的空白&ensp;或&#8194;
    全方大的空白&emsp;或&#8195;
    不断行的空白格&nbsp;或&#160;

在线编辑

https://codepen.io/NsNe/pen/OWaPRp