Mac下简书中写代码块没有效果解决方法 Markdown

2019-12-10  本文已影响0人  爱吃土的丽贝卡

记住写文章前,简书的编辑器就必须是markdown模式, 如果是写文章写到一半才切换是没有效果的。(前提记住!)
(Mac下简书中写代码块没有效果的原因,遇到的坑)

简书是支持Markdown编辑模式的。

开启方式:设置->默认编辑器->Markdown编辑器

Markdown语法参考

1. 标题

标题的文字前面加#来表示
一个#是一级标题,二个#是二级标题,以此类推。但只支持六级标题。

示例:

###### 六级标题

注:标准语法一般在#后跟个空格再写文字,简书不加空格也行。

效果:

六级标题

2. 字体

示例:

*斜体*
**加粗**
***斜体加粗***
~~删除线~~

效果:
斜体
加粗
斜体加粗
删除线

3. 分割线

在一行用3个以上的 * - _来建立一条分割线,行内除了空格不能有其他东西。
一行连用三个或者三个以上的星号,减号,或者下划线,就可以表示分割线。
以下三种种写法都可以,效果一样,看个人心情使用。
示例:

***
*****
---
___

效果:





4. 引用

在引用的文字前加>即可。引用也可以嵌套,如加两个>>三个>>>
n个...
貌似可以一直加下去,但没神马卵用

示例:

> 引用段落
>> 引用段落
>>>>引用小段落

效果:

引用段落

引用段落

引用小段落

5. 超链接

语法:

文字链接:[标题](链接地址 "链接title")
网址链接: <链接网址>

其中,
[]里写链接文字
()里写链接地址, ()中的""中可以为链接指定title属性,title属性可加可不加。
title属性的效果是鼠标悬停在链接上会出现指定的 title文字,
链接地址与title前有一个空

示例:

网址链接: <http://www.baidu.com>
[百度](http://www.baidu.com "点击进入百度title")
[简书](http://jianshu.com)

网址链接: http://www.baidu.com
百度
简书

6. 图片

语法:(简书编辑器也可以直接把电脑本地的图片拖进来,自动生成图片链接。)

![图片alt](图片地址 "图片title")

其中,
图片alt:图片下面的文字。相当于对图片内容的解释。
图片title:图片标题,当鼠标移到图片上时显示的内容。title可加可不加

示例:

![故宫年夜饭.jpeg](https://img.haomeiwen.com/i10035458/c6e57c2c8e12a66e.jpeg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "图片title")

效果:


故宫年夜饭.jpeg

7. 列表

任务列表,更加具有条理性。

语法:无序列表用-,+,*任何一种都可以。注意:- + * 跟内容之间都要有一个空格
示例:

* 项目一
* 项目二
项目2.1
项目2.2
* 项目三
- 项目四
+ 项目五

效果:

语法:数字加点。注意:序号跟内容之间要有空格
示例:

1. 列表内容
2. 列表内容
3. 列表内容

效果:

  1. 列表内容
  2. 列表内容
  3. 列表内容

上一级和下一级之间敲三个空格即可(目前没搞懂)

8. 代码块

【18.6.10更新: <pre></pre> 简书不再支持】
语法:利用三个`(键盘左上角Tab键上方的键),把代码块包裹起来

(```)
代码块。加括号只为了书写,实际中去掉两边小括号。
(```)

或者,
<pre>
代码块
</pre>

示例效果:

代码块

9. 行内代码

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

示例:

`printf()方法`

示例效果:
printf()方法

10. 表格

语法:

表头|表头|表头
----|:----:|---:
内容|内容|内容
内容|内容|内容

第二行分割表头和内容。
- 有一个就行,为了对齐,多加了几个
文字默认居左
-两边加:表示文字居中
-右边加:表示文字居右

注:原生的语法两边都要用 | 包起来。此处省略

示例:

表头|表头|表头
----|:----:|---:
内容(默认左对齐)|内容(居中对齐)|内容(右对齐)
内容|内容|内容

效果:

表头 表头 表头
内容(默认左对齐) 内容(居中对齐) 内容(右对齐)
内容 内容 内容

11. 流程图

```flow
st=>start: 开始
op=>operation: My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
&```

效果如下:
简书不支持流程图,所以截了个图


流程图.png

12. 其他字体颜色等

大家最为关注的应该是如何更改 <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)也是没有效果的哦...

后续想解锁更多markdown的语法,可前往以下网站进行了解:

(本文只是针对网上资料,自己整理存档的~)

上一篇下一篇

猜你喜欢

热点阅读