Markdown 基础写法

编写文章的方式使用 Markdown 的写法,因此开一篇文章来记录下相关语法


Markdown 的创始人

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-50RSk9sO-1688454033158)(/images/people/Aaron_Swartz.jpg)]

Aaron Swartz 大神照片

标题

标题共有六个级别,使用 # 来区分层级

# 一级标题

## 二级标题

### 三级标题

#### 四级标题

##### 五级标题

###### 六级标题

注:# 和字符之间建议保留一个字符的空格,这是最标准的 Markdown 写法。


语义标记

类型效果写法
斜体斜体*斜体* _斜体_
粗体粗体**粗体**
粗斜体粗斜体***粗斜体***
栅格线栅格线~栅格线~

语义标签

类型效果写法
斜体斜体<i>斜体</i>
粗体加粗<b>加粗</b>
强调强调<em>强调</em>
上标ZaZ<sup>a</sup>
下标ZaZ<sub>a</sub>
键盘文本Ctrl<kbd>Ctrl</kbd>
换行<br />

代码块

单行代码

`这是单行代码`

显示效果为:
这是单行代码


多行代码

```javascript
$(document).ready(function () {
  alert("hello world");
});
```

显示效果为:

$(document).ready(function () {
  alert("hello world");
});

代码高亮

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

支持的语言:1c, abnf, accesslog, actionscript, ada, apache, applescript, arduino, armasm, asciidoc, aspectj, autohotkey, autoit, avrasm, awk, axapta, bash, basic, bnf, brainfuck, cal, capnproto, ceylon, clean, clojure, clojure-repl, cmake, coffeescript, coq, cos, cpp, crmsh, crystal, cs, csp, css, d, dart, delphi, diff, django, dns, dockerfile, dos, dsconfig, dts, dust, ebnf, elixir, elm, erb, erlang, erlang-repl, excel, fix, flix, fortran, fsharp, gams, gauss, gcode, gherkin, glsl, go, golo, gradle, groovy, haml, handlebars, haskell, haxe, hsp, htmlbars, http, hy, inform7, ini, irpf90, java, javascript, json, julia, kotlin, lasso, ldif, leaf, less, lisp, livecodeserver, livescript, llvm, lsl, lua, makefile, markdown, mathematica, matlab, maxima, mel, mercury, mipsasm, mizar, mojolicious, monkey, moonscript, n1ql, nginx, nimrod, nix, nsis, objectivec, ocaml, openscad, oxygene, parser3, perl, pf, php, pony, powershell, processing, profile, prolog, protobuf, puppet, purebasic, python, q, qml, r, rib, roboconf, rsl, ruby, ruleslanguage, rust, scala, scheme, scilab, scss, smali, smalltalk, sml, sqf, sql, stan, stata, step21, stylus, subunit, swift, taggerscript, tap, tcl, tex, thrift, tp, twig, typescript, vala, vbnet, vbscript, vbscript-html, verilog, vhdl, vim, x86asm, xl, xml, xquery, yaml, zephir


引用

可以无限制的引用下去

> 我是第一级引用

> > 我是第二级引用

> > > 我是第三级引用

> > > > ...

显示效果为:

我是第一级引用

我是第二级引用

我是第三级引用


列表

无序列表

使用 -+* 书写
效果:

  • 1
  • 2
  • 3

有序列表

使用 1.2.3. 书写

效果:

  1. 1 内容 1
  2. 2 内容 2
  3. 7 内容 3(会按照序列强制编排,例如我这一行使用的是 7. )

链接

常用链接方法

文字链接 [链接名称](http://链接网址)
网址链接 <http://链接网址>

高级链接技巧

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

图片

插入图片不需要其他按钮,你只需要使用 ![](图片链接地址) 这样的语法即可

![我是图片备注](http://zh.mweb.im/asset/img/set-up-git.gif)

另外发现Hexo的Next主题需要:

![我是图片备注](http://zh.mweb.im/asset/img/set-up-git.gif "我是图片备注")

这种写法才能显示

演示
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ifFXA1wr-1688454033159)(http://zh.mweb.im/asset/img/set-up-git.gif “我是图片备注”)]


图片链接

[![我是图片备注](http://zh.mweb.im/asset/img/set-up-git.gif "我是图片备注")](http://www.baidu.com)

演示
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-obezN03A-1688454033159)(http://zh.mweb.im/asset/img/set-up-git.gif “我是图片备注”)]


任务列表

- [x] 选项一
- [ ] 选项二
- [ ]  [选项3]

演示

  • 选项一
  • 选项二
  • [选项 3]

分割线

分割线的使用方式很简单,使用 --- 即可生成一条分割线

演示


邮箱链接

<xxx@outlook.com>

演示
xxx@outlook.com

表格

|    a    |       b       |      c     |
|:-------:|:------------- | ----------:|
|   居中  |     左对齐    |   右对齐   |
|   1  |     1    |   1   |
|   2  |     2    |   2   |

演示

abc
居中左对齐右对齐
111
222
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值