美文网首页
我的第一篇简书Markdown(新手必看!)

我的第一篇简书Markdown(新手必看!)

作者: Beautifu1Mooo | 来源:发表于2020-05-22 11:40 被阅读0次

相信有很多人跟我一样
在开发的过程中有很多经验想要记录下来
有很多想法想分享出去
于是选择了支持Markdown语法的「简书」
点进来看这篇文章的你
看来是跟我一样
准备开始记录的旅程
咁啱了
此时此刻你看到的这篇文章
正是我刚看完「Markdown新手指南」
马上写的第一篇文章,希望能帮到你(坐稳了)
我能帮你避免「Markdown新手指南」的坑啊啊啊(小声bb🤫)


标题写法

在文档之前加上#马上变标题
新手指南提到:

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

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
标题写法 示例截图.png

列项写法

前面加-就是无序列项写法
前面加1. /2. /3.就是有序列项写法
新手指南提到:

-*和文本之间要保留一个字的空格

无序列项
- 文本1
- 文本2
- 文本3

有序列项
1. 文本1
2. 文本2
3. 文本3
列项写法 示例截图.png

链接

[显示文本](链接地址)
[这是一个优秀的学习网站](https://www.ted.com/)

这是一个优秀的学习网站 |・ω・`)

链接 示例截图.png

图片

如果你正在Markdown的编辑面板,你可以直接 Ctrl_C & Ctrl_V 一张图片进来试试康

语法跟👆链接几乎一样不过在前面多了一个感叹号!
![图片标题](图片链接地址)
![广州塔美不美](https://img.haomeiwen.com/i5153901/8c2938a1d6a18f2b.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
图片写法 示例截图.png

考考你,如果你将上面图片的语法前面的!删除,会有什么效果?


引用他人文字

开头加个>就完事儿了

 > 一级引用
>> 二级引用
>>> 三级引用
示例截图.png

引用里面的列项表示:

 > 一级引用
 >1. 引用里面的有序列项
 >* 引用里面的无序列项
示例截图.png

粗体和斜体

###用两个*表示粗体
*这一个是斜体*
###用一个*表示斜体
**这一个是加粗**
斜体加粗 示例截图.png

如果我想要加粗这个斜体呢?

***禁止套娃***

删除线 & 分割线

~~注意用的是半角输入法的波浪线~~
分割线有两种
---
***
删除线和分割线 用法截图.png

代码引用

这是一句代码 hello word

用`将这一句代码包裹起来

`hello word `
这是一段代码

用```将这一句代码包裹起来

@property(assign,nonatomic) NSString *dinaZan;
@property(assign,nonatomic) NSString *guanZhu;
@property(assign,nonatomic) NSString *notMiLu;
代码引用 示例截图.png

表格

左对齐-------------
居中对齐:-------------:
右对齐-----:
有多少个"-"就有多少距离

| Tables        | Are           | Cool|
| ------------- |:-------------:| -----:|
|左对齐          | 居中对齐       | 右对其 |

dog | bird | cat
----|:------:|----:
foo | foo  | foo
bar | bar  | bar
baz | baz  | baz
Tables Are Cool
左对齐 居中对齐 右对其
dog bird cat
foo foo foo
bar bar bar
baz baz baz
表格 示例截图.png

显示链接中带括号的图片

其实我一开始看不懂这句话然后我试探性的打开👇这个网站才知道原来这个网站是以网址的形式提供不同样式的方程式

http://latex.codecogs.com

而这些方程式是可以以Markdown的姿势打开的
![][1]
注意⚠️这里记得隔空一行(复制下来后删掉这行)
[1]: http://latex.codecogs.com/gif.latex?\prod%20\(n_{i}\)+1
示例截图.png

还原特殊符号

还原特殊符号,加上转义字符\

\>
\`
\#
\\
特殊符号 示例截图.png

总结

发现了一篇进阶还挺实用
不过只运用以上的知识点,就足够让我写出这篇文章
我也就比较能体会到用Markdown写文章的好处了:
新手指南所说:

  1. 纯文本,所以兼容性极强,可以用所有文本编辑器打开。
  2. 让你专注于文字而不是排版。(各种符号都可能trigger到彩蛋的感觉)
  3. 格式转换方便,Markdown 的文本你可以轻松转换为 html、电子书等。
  4. Markdown 的标记语法有极好的可读性。(因为抛开符号,你看到的都是熟悉的文字)

至于第三点,之后我学习到关于Markdown的骚操作,都会继续在这里更新


靴靴你能看到这里(比个猪心)
下一篇见 ᕕ(ᐛ)ᕗ

相关文章

  • 我的第一篇简书Markdown(新手必看!)

    相信有很多人跟我一样在开发的过程中有很多经验想要记录下来有很多想法想分享出去于是选择了支持Markdown语法的「...

  • 我的第一篇简书!

    我的第一篇简书! 好像不是Markdown的格式了

  • 简书编辑器 体验初探

    今天第一篇简书诞生了 markdown格式感觉不错

  • 我的第一篇简书

    #我的第一篇简书 刚才去翻看了下markdown的介绍,有人提到web中最适合使用markdown的就是简书,所以...

  • 简书第一文

    # MarkDown简书使用练习 ## 第一篇简书文章 今天从网上发现了简书这个MarkDown Web客户端,现...

  • chrome前端调试示例

    1.献给写作者的 Markdown 新手指南2.Markdown 语法说明这是我在简书第一篇用markdown语法...

  • Markdown自学笔记

    Markdown自学笔记 这也是我的第一篇简书,下面是我的Markdown自学笔记,跟我一块来看看吧! 标题 1....

  • 简书 MarkDown 代码框的使用

    还是第一次使用简书的markDown 献给写作者的 Markdown 新手指南 代码框runtime method...

  • 测试发文

    第一篇简书 第一次使用MarkDown 谁知道实现代码的方法 斜体粗体

  • Markdown指南集合

    献给写作者的 Markdown 新手指南 简书 Markdown 语法详解

网友评论

      本文标题:我的第一篇简书Markdown(新手必看!)

      本文链接:https://www.haomeiwen.com/subject/sefqahtx.html