第一次,站长亲自招 Gopher 了>>>

\color{dodgerblue}{1. Markdown简介}

关于markdown的相关信息在网上实际上有很多, 这里不再赘述, 简单的说就是一个富文本编辑器啦.

什么是\color{red}{富文本编辑器}呢? (◍•͈⌔•͈◍)
作为一个人类, 你肯定知道编辑器是什么鬼吧?就是用来编辑内容的啊, 比如windows最性感的记事本(大学老师经常课堂上写代码, 老半天bug多的), 但是普通的编辑器只能编辑文字或者说字符类的内容, 不能处理二进制媒体内容(说人话就是不能处理图片/视频/音频等), 但是那些(削除) 自作 (削除ここまで)聪明的甲方爸爸和产品经理想要在文本里面什么都干, 所以富文本编辑器就诞生了.

\color{dodgerblue}{2. Markdown} VS \color{dodgerblue}{富文本编辑器}

其实严格来讲markdown不是一个富文本编辑器, 而是一个编译器, 将内容最终编译成为富文本或者说超文本的编译工具.
那么我们为什么要使用它而不是其他的富文本编辑器呢?是不是吃饱了撑一天天的没事干找刺激?这哥们格式怎么变态比起富文本编辑器使用起来实际上挺麻烦的.下面是在下的总结:

markdown的优点:

1. 轻量级: 内容体积小易于传输(做开发搞计算机的童鞋肯定明白)
2. 操作相对而言不算太复杂: 其实对于普通人来讲不简单好吧
3. 内容丰富: 什么都能干
4. 用户基数足够大: 很多地方都可以用, 比如项目介绍文件\color{red}{readme.md}就是这种玩意

\color{dodgerblue}{3. Markdown 基础用法}

虽然简书上面已经有很多这方面的教程了, 但是很多不过是相互抄袭的, 内容也不全面, 再加上Markdown在简书上支持的语法也比较少, 最后对于很多想要在互联网推广作品的小伙伴来讲最好懂一些SEO的知识可以避坑.
给大家做一个学习总结, 如果有不到位的欢迎补充, 也欢迎提问. (*^ω^*)♡

\color{red}{(一) 1-6级标题}

一级标题: \#标题内容

#我是一级标题

我是一级标题

二级标题: \##标题内容

我是二级标题

##我是二级标题

三到六级以此类推

###我是三级标题
####我是四级标题
#####我是五级标题
######我是六级标题

我是三级标题

我是四级标题

我是五级标题

我是六级标题

\color{red}{ps: 这玩意实际上是网页HTML语言的H1 - H6}
\color{red}{SEO推广要点:}

1. 字体大小和粗细逐级递减
2. 权重逐级递减: 权重是搜索引擎排名的关键, 排除其他因素权重越大排名效果越好
3. 一级标题最好不使用: 简书上每篇文章最终的标题都是h1, SEO规定一个网页不能有两个以上h1, 会被视为作弊降权, 不利于推广
4. h2和h3也最好不能使用太多, 比如一篇文章用了几十次那是容易出事的

\color{red}{(二) 字体}

颜色修改: $\color{颜色名}{文字内容}$

\color{pink}{骚粉}
\color{olive}{橄榄绿}
\color{#f1f505}{yellow}

$\color{pink}{骚粉}$
$\color{olive}{橄榄绿}$
$\color{#f1f505}{yellow}$

\color{red}{ps: 颜色支持16进制和网页常用颜色英文, 但简书上可能使英文字体倾斜}

粗体: **粗体文本** 和 __粗体文本__

粗体文本
粗体文本

**粗体文本**
__粗体文本__

斜体: *斜体文本* 和 _斜体文本_

斜体文本
斜体文本

_斜体文本_
_斜体文本_

粗斜体: ***粗斜体文本*** 和 ___粗斜体文本___

粗斜体文本
粗斜体文本

***粗斜体文本***
___粗斜体文本___

\color{red}{(三)删除线和分割线}

分割线: ***和---

---

---

---

---

***
---
****
******

\color{red}{ps: 三个以上*或者-}

删除线: ~~删除文字~~

(削除) 删除删除 (削除ここまで)

~~删除删除~~

\color{red}{(四)列表}

有序列表: 1. (序号 点 空格)

1. 11111111
2. 2222222
3. 3333333
4. 44444

1.11111111
2.2222222
3.3333333
555.44444
\color{red}{ps: 必须按顺序, 555在这里只能变成4}

无序列表: • (+ 空格 ) 或者 (- 空格)

• 111
• 222
• 333

• 444
• 555

+ 111
+ 222
+ 333
- 444
- 555

列表嵌套: 每一级前面四个空格

1. 11111111
   • 1-1
   • 1-2
     • 22

1. 11111111
   - 1-1
   - 1-2
   - 22

\color{red}{(五)引用区块}

引用区块: >内容

我是一个区块
继续
连续可以加>或者不加

>我是一个区块
继续
>连续可以加>或者不加

区块嵌套: 每一级前面加>

1111

222

>1111

>>222

\color{red}{(六)代码块: 程序猿专属}

简单代码: ` 或 `` 包围

print(1)
alert(1)
alert(也可以这样) alert(多行)

`print(1)`
``alert(1)``
``
alert(也可以这样)
alert(多行)
``

高亮代码: ``` 包围

function test() {
 alert('test')
}

```
function test() {
alert('test')
}
```

指定语言: ```语言

def func():
 print("test")

```python
def func():
print("test")
```

语言	关键词	语言	关键词
AppleScript	applescript	ActionScript 3.0	actionscript3
Shell	bash , shell	ColdFusion	coldfusion
C	cpp , c	C#	c# , c-sharp , csharp
CSS	css	Delphi	delphi , pascal , pas
Erlang	erl , erlang	Groovy	groovy
Java	java	JavaFX	jfx , javafx
JavaScript	js , jscript , javascript	Perl	perl , pl , Perl
PHP	php	text	text , plain
Python	py , python	Ruby	ruby , rails , ror , rb
SASS&SCSS	sass , scss	Scala	scala
SQL	sql	Visual Basic	vb , vbnet
XML	xml , xhtml , xslt , html	Objective C	objc , obj-c
F#	f# f-sharp , fsharp	xpp , dynamics-xpp
R	r , s , splus	matlab	matlab
swift	swift	GO	go , golang

\color{red}{ps: Markdown支持几十种主流的编程语言代码}

\color{red}{(七)超链接}

超链接: [链接名称](链接地址) 或者 直接写链接地址 或者 <链接> 或者 [链接名称][变量名称]

卯卯科技
http://maomaokeji.cn
http://maomaokeji.cn
这是[谷歌][google]
[google]: http://www.google.com/

[卯卯科技](http://maomaokeji.cn)
http://maomaokeji.cn
<http://maomaokeji.cn>
这是[谷歌][google]
[google]: http://www.google.com/

\color{red}{ps: 使用变量的方法比较麻烦, 适合在需要使用大量链接时使用}

\color{red}{(八)图片: }

[图片名称]{图片链接}


\color{red}{ps: 简书的markdown存在诸多限制, 不能使用HTML的img, 也不能直接设置图片大小, 但是可以在上传图片完成后修改长度按比例缩放}

\color{red}{(九)表格}

表头	表头
单元格	单元格
单元格	单元格

表头	表头
文字居中	向右对齐
文字居中	向右对齐

|表头|表头|
| - | - |
| 单元格 | 单元格 |
| 单元格 | 单元格 |

|表头|表头|
| :---------: | ---------: |
|文字居中|向右对齐|
|文字居中|向右对齐|

\color{red}{ps: 为了保证视觉上看起来舒服, 表头下面的-和空格可以多个, 建议|后面添加一个或多个空格, 对齐单元格}

\color{dodgerblue}{4. Markdown 其他用法}

\color{red}{(一)转义字符}

© ® 1⁄4 Ø

&copy; &reg; &frac14; &Oslash;

\color{red}{ps: 很多特殊符号有时候不方便或者没办法直接使用, 就需要通过转义, 可以使用绝大多数你见得到的特殊字符}

\color{red}{(二)多个空格和段落}

11232132 dsaaafsdf 12321132




bbb

11232132 dsaaafsdf &emsp;&emsp;&emsp;12321132
<br><br><br>
bbb

\color{red}{ps: 写过网页的小伙伴都知道, 同时打多个空格, tab或者enter通常只有一个的效果, 如果想要多个空格和换行就需要使用转义字符}
\color{red}{圈起来, 这两个经常用, 考试要考}(空格: &emsp; 换行: <br>)
\color{red}{ 如果你是个聪明的家伙, 一定不会不知道在需要用的时候上百度去搜索吧}(„ಡωಡ„)

\color{red}{(三)数学公式}

$$ 公式 $$

x^2+y^2=z^2

$$
x^2+y^2=z^2
$$

\color{red}{ps: markdown支持TeX 或 LaTeX的数学公式编辑, 由于很少使用这里就不详细说明了}

\color{dodgerblue}{手动码字写了很久, 希望对大家有用, 后续会继续更新和修改}╰( ̄▽ ̄)╭

版权所有 暴走大仙©CopyRight 2020

转载请注明出处

---

本文来自:简书

感谢作者:暴走大仙

查看原文:简书的Markdown其实应该这么玩

2266 次点击

上一篇:Golang log日志

下一篇:jQuery的keydown()方法有什么用?

斜体 文本编辑 表头 代码

• 编辑
• 预览