iOS-Developer-OCMarkdown

简书上使用Markdown(超详细)

2017-07-07  本文已影响2959人  水清_木秀

Markdown介绍

Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。
Markdown语法的目标是:成为一种适用于网络的书写语言「易读易写」。并且Markdown兼容HTML。这个还是很nice的。😘

想要学习更多关于Markdown的内容,传送门🚪
http://www.appinn.com/markdown/

简书上的Markdown富文本编辑器

有些尴尬的是正常学习的Markdown语法在此编辑器上有些效果实现不了。
比如说任意修改文字大小,改变文字颜色等。

生气掀桌子
或许感觉有些没必要吧...简书嘛,简单点~ ~ ~
吃老北京冰棍
但是如果没有相关的基础知识。你会发现这个markdown除了一个添加图片什么都都没有,一脸尴尬...
尴尬

简述Markdown常见用法

在下面,我将简单介绍几个常用的markdown写法。希望大家写出更好的观看效果的文章。
其中上传的图片是书写的格式规范。如果我用文字打出来,会自动变为更易看的markdown模式,大家就看不出来怎么输入的了,所以用了图片。
大家可以自己切换markdown模式亲自码字亲自尝试一下。

<big>下面我将从以下几个方面介绍一下简书的markdown的使用方法:</big>


字体大小

【更新于18.6.10 : 简书字体大小无法更改了】


斜体

西方斜体这一习惯看个人喜好吧。在文字前后各加一个*就👌了


效果如下:
斜体

加粗

在文字前后各加两个**就👌了

效果如下:
加粗


斜体加粗

斜体文字前后各加*,加粗文字前后各加**,斜体加粗在文字前后加***。没毛病...

效果如下:
斜体加粗


删除

超市打折促销最常见有木有...💵 💵 💵


效果如下:
原价:99.9元

链接

链接应该是使用最多的场景了。他人有好的文字或者自己摘自哪里、都可以传送门直接过去。


效果如下:
example@163.com
http://www.baidu.com

分割线

本文就使用大量的分割线,就是割...


以上三种写法都可以,效果一样,看个人心情使用。效果如下:


标题

有时候为了让文章层次感更强一些。标题就是个不错的选择。
但是只有1 - 6 6个阶级哦...



效果如下:

第六级标题

图片

格式为 【 ! + [图片名称] + (url) 】
其中图片名称可以为空。直接输入[]就可以。
下面我的url输入的直接就文字url。所以肯定是空图片啦。
本编辑器也可以直接把电脑本地的图片拖进来,自动生成图片链接。


效果如下:
[图片上传失败...(image-770079-1528601392822)]

区块引用

【18.6.10更新: <pre></pre> 简书不再支持】

一些程序猿用到这个的时候就多了。但是简书的编辑器只对这两种写法有效。



效果如下:

hello world

行内代码

程序猿引用代码,或者是文章中有一些关键性的名词啊,或者为了突出醒目。效果不错。


效果如下:
printf("输出”);


列表

任务列表,更加具有条理性。本文开头那个就是列表哦~



效果如下:


表格

excel走起。对于对比这类事情,绝对清晰明了。


效果如下:

第一格表头 第二格表头
内容单元格 第一列第一格 内容单元格第二列第一格
内容单元格 第一列第二格 多加文字 内容单元格第二列第二格

脚注

【18.6.10更新 : 简书不再支持脚注 , 原来内容删除】


番外篇

大家最为关注的应该是如何更改 <big>字体颜色</big> 吧。
<font face="黑体"> 我是黑体字</font>
<font color=gray size=10>color=gray</font>
<font color=#0099ff size=3 face="黑体">color=#0099ff size=72 face="黑体"</font>
改字体型号、改字体颜色...
But ! 这多么正确的写法,在简书的Markdown是无效的哦......

疑惑

同样的在简书的Markdown文本编辑器中, TOC , 注释和阅读更多, MathJax, 顺序图或流程图,任务列表(Task lists)也是没有效果的哦...

可能这就是命吧
上一篇下一篇

猜你喜欢

热点阅读