简书的Markdown其实应该这么玩

暴走大仙 · · 84 次点击 · · 开始浏览    

\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}{(八)图片: }

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

卯卯科技

![卯卯科技](http://maomaokeji.cn/static/img/logo.png)

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


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

表头 表头
单元格 单元格
单元格 单元格
表头 表头
文字居中 向右对齐
文字居中 向右对齐

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

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

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



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

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

© ® ¼ Ø

&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其实应该这么玩

入群交流(和以上内容无关):加入Go大咖交流群,或添加微信:muxilin131420 备注:入群;或加QQ群:977810755

84 次点击  
加入收藏 微博
暂无回复
添加一条新回复 (您需要 登录 后才能回复 没有账号 ?)
  • 请尽量让自己的回复能够对别人有帮助
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`
  • 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
  • 图片支持拖拽、截图粘贴等方式上传