Markdown—活学活用

2023-11-02 07:40
文章标签 markdown 活学活用

本文主要是介绍Markdown—活学活用,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!


https://custompbwaters.github.io/工具插件「安装+问题解决+活用」/Markdown—活学活用.html


一. 认知Markdown
Markdown 是什么?

Markdown 是一种用来写作的「轻量级标记语言」,创始人为约翰·格鲁伯(John Gruber)。它允许人们「使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档 」—— 维基百科 

如果你看不懂以上维基百科对 Markdown 的定义,就当这段掐了没播。约翰·格鲁伯自己对Markdown的描述的重点也在于 「easy-to-read,easy-to-write」

那么到底 easy 在哪里呢

虽然称作 「标记语言」,但简单理解 Markdown 就是在文本前增加符号来表示文本格式。它用简洁的「标记」语法代替排版,而不像一般我们用的处理软件 Word 或 Pages 有大量的排版、字体设置。它使我们专注于内容的编写, 不仅支持文字排版,还支持 插入图片(包括gif)、 链接 等。而这些操作只用键盘就可以通通搞定了。目前也被越来越多的写作爱好者广泛使用,支持 Markdown 语法的编辑器有很多,包括很多网站(如简书)都支持 Markdown 语法的录入。Markdown 从写作到完成,内容「易读易写」,导出格式「随心所欲」,你可以导出 HTML 格式的文件用来网站发布,也可以导出 PDF 格式打印浏览。对求职者来说,Markdown 写出的简历更能得到 HR 的好感。

无图无真相:
Markdown语法和效果预览

使用 Markdown 的优点

1. 编辑,不用操心排版 你只需要把注意力放在内容上。笔者在用 Markdown 之前,打开word 先想想,标题用啥字体呢,几号字呢?不知不觉我的意志力就被消耗了。实际上所谓排版,不就是作者的思路以及内容的层级和结构么,在学会使用 Markdown 之后,几个简单的符号就把这些事儿搞定,样式还特别工整精美。

2. 修改,不用担心排版 想想那些你汗洒的 word 文档吧,如果童鞋你从外部粘贴了一段带格式的文字,粘贴后发现整个人都不好了:格式被改的乱七八糟,还要重新调整。如果用 Markdown 编写 ,想改哪里改哪里,根本不用担心格式,改完发布收工,多轻松!

3. 导出,不用费心格式 可以导出为 PDF、 HTML 以及.md 本身的格式文件,不管在什么设备上,看起来都是一个工整的样子。

一句话来说,Markdown 是用最简单的方式,零排版成本,写出布局工整、阅读舒适的笔记。减少干扰,降低成本,提高效率,不仅自己阅读爽,分享给朋友也有面儿不是~

那些牛人都在用

阳志平在 2012 年就发博客推崇了一下 Markdown,但那篇文章虽解读深刻,但也略显极客,把Markdown 不仅能排版,能做流程图,还支持数学公式的特性介绍了一遍,连科技论文都要选择 Markdown 都涉猎到了。有兴趣阅读的童鞋可 点击这里 查看。

P.S : Markdown 中文版语法说明

如何创建 Markdown 笔记

不管我再怎么说 Markdown 的语法记忆负担小、简单,在最初你都会有点儿晕。在这里给大家分享个小技巧

  1. 最初只需要记住 # 标题一## 标题二1. 第一点* 这一点,用这几个写写日志、需求文档、小文章,排版上足够了;
  2. 逐渐的你发现有些文字需要重点指出,那么还可以使用 **加粗***斜体* 来对文字做重点说明;
  3. 如果你是名程序员,那么可以用 3个把代码块包起来,渲染后可以关键字高亮;
  4. 学生的话,你可以用 > 做引用

    书是人类进步的阶梯,终生的伴侣,最诚挚的朋友。——高尔基

二. Markdown 标记符号简要规范

下文仅是我以自己的方式阐述这些语法的具体用法,供参考

1. 标题

在行首插入 1 到 6个 #,分别表示标题 1 到标题 6
标题

2. 有序列表 / 无序列表

在行首增加 1.2.3.,即数字和英文句点, 不要求数字一定要连续,可以都是1.
在行首增加 * 或 -
有、无序列表

3. 文本样式

粗体、斜体、删除线

4. 分割线
      
1
2
3
      
-------------
************
______________



5. 引用

如果你需要引用一小段别处的句子,你可以用 > 这里是引用的话

书是人类进步的阶梯,终生的伴侣,最诚挚的朋友。——高尔基

并支持 多级引用 使用多个 右尖括号 >,表示多级引用。

      
1
2
3
      
> 这里是一级引用内容
> > 这里是二级引用内容
> > > 这里是三级引用内容

这里是一级引用内容

这里是二级引用内容

这里是三级引用内容

6. 行内代码块 和 代码框**

如果你是个程序猿,需要在文章里优雅的引用代码框,只需在代码前后增加 三个反单引号:, 如果需要在行内添加代码块,使用 代码 表示行内代码块;

      
1
      
让我们聊聊 `iOS攻城狮`

让我们聊聊 iOS攻城狮

      
1
2
3
4
5
      
int main(int argc, char * argv[]) {
@autoreleasepool {
return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class]));
}
}

7. 插入图片 和 链接

插入图片格式: ![图片说明](图片链接)
插入链接格式:[链接显示说明](网址)

P.S : 这里的图片可以是本地图片,也可以是 网络图片。

![本地图片](http://cdn.wiz.cn/wp-content/uploads/custompbwaters.github.io)
本地图片

![网络图片](http://oiizs6l0g.bkt.clouddn.com/waters.png)
网络图片

插入链接:[简书](http://jianshu.io) —> 简书

8. 插入表格

插入表格使用以下语法: | 列名 |  |:-:| 水平排列模式
意思为| :- | 居左, | :-: | 居中, | -: | 居右

样式一:

      
1
2
3
      
| 表格1 |表格2 | 表格3|
|:- |:-:| -:|
| 居左 | 居中 | 居右 |

表格1 表格2 表格3
居左 居中 居右

样式二:

      
1
2
3
4
      
| 表格1 |表格2 | 表格3|
|-|-|-| P.S: 中间几个减号都可以
| 居左 | 居中 | 居右 |
| 居左 | 居中 | 居右 |

表格1 表格2 表格3
居左 居中 居右
居左 居中 居右
9.注脚

使用 [^keyword] 表示注脚。
```objc
这是一个注脚[^footnote]的样例。
这是第二个注脚[^footnote2]的样例。

[^footnote]: 这是一个 注脚 的 文本
[^footnote2]: 这是另一个 注脚 的 文本
P.S:[^这里面可以任一写]
```objc
这是一个注脚1的样例。
这是第二个注脚2的样例

这是一个 注脚1 的 文本。 ↩
这是另一个 注脚2 的 文本。 ↩

10. 目录

在任何你想要展示Markdown 笔记目录的地方,添加 [TOC] , 在阅读模式下,标题1~6样式的内容会被提取出来作为目录,相当于大纲功能。
例如:
[TOC] 目录

三. Markdown好用的编辑器
在线的Markdown编辑器
  1. 简书 一个很不错的博客平台,每几秒钟便会自动存入一个备份。可以直接从本地拖入照片生成链接,一直在不断优化。作为一个博客平台,需要注册账号后方能进行写作,强烈推荐;
    简书

  2. MaHua 小众软件推荐,界面有些简陋,还算方便
    MaHua

支持多平台
  1. Cmd Markdown 作业部落出品,也是一款不错的工具和博客平台兼顾的产品。全平台且提供web版
    Cmd Markdown

  2. 小书匠编辑器 全平台覆盖并且有web版
    小书匠编辑器

Chrome 插件
  1. Marxico 中文名马克飞象,因为印象笔记不支持Markdown,而这款可以直接把文本存到印象笔记的编辑器对于重度印象笔记用户是个不错的选择。付费软件,可以免费试用;
    马克飞象
Windows平台编辑器
  1. MarkdownPad 一款全功能的编辑器,被很多人称赞为windows 平台最好用的markdown编辑器
    MarkdownPad

  2. Smark 开源软件
    Smark

OS X平台
  1. Mou 似乎提到 Mac 和 Md ,接下来的词一定是Mou,可能他们是一个姓么
    Mou

  2. MacDown 开源免费
    MacDown

MD文章

少数派推荐了 7 款优秀 Markdown 编辑工具 (和上面介绍的有不同的),也有不少介绍Mac上这些软件的 文章,能让大家有个简单了解,需要注意饱含溢美之词是少数派的一贯风格,还是自己亲自试试几款的好。

如果你是MD爱好者,可以去关注知乎上的 Markdown 话题。

本文列举的仅是个人对学习 MD 所花费时间的一个总结,有不足或不对之处,乐听你的槽点(和❤️) ~ ;如你还有所需 不放看一看下篇 Markdown——简历制作
记下

About me

【博客】 【简书】 【掘金】 【公众号: 白开水ln】 【译文 & 源码】 【工具类】

【白开水ln】:(我) 也是对【所花费时间的一个总结】!

【白开水ln】:(我) 只是个【有思想的伐码猿

这篇关于Markdown—活学活用的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/329114

相关文章

Python中Markdown库的使用示例详解

《Python中Markdown库的使用示例详解》Markdown库是一个用于处理Markdown文本的Python工具,这篇文章主要为大家详细介绍了Markdown库的具体使用,感兴趣的... 目录一、背景二、什么是 Markdown 库三、如何安装这个库四、库函数使用方法1. markdown.mark

Prompt - 将图片的表格转换成Markdown

Prompt - 将图片的表格转换成Markdown 0. 引言1. 提示词2. 原始版本 0. 引言 最近尝试将图片中的表格转换成Markdown格式,需要不断条件和优化提示词。记录一下调整好的提示词,以后在继续优化迭代。 1. 提示词 英文版本: You are an AI assistant tasked with extracting the content of

【H2O2|全栈】Markdown | Md 笔记到底如何使用?【前端 · HTML前置知识】

Markdown的一些杂谈 目录 Markdown的一些杂谈 前言 准备工作 认识.Md文件 为什么使用Md? 怎么使用Md? ​编辑 怎么看别人给我的Md文件? Md文件命令 切换模式 粗体、倾斜、下划线、删除线和荧光标记 分级标题 水平线 引用 无序和有序列表 ​编辑 任务清单 插入链接和图片 内嵌代码和代码块 表格 公式 其他 源代码 预

【Markdown】如何在Markdown中合并单元格

Markdown语法本身不包含复杂表格的插入,但是可以使用html语法来实现。 水平单元格的合并:基于colspan属性,即使一个单元格占多列的空间纵向单元格的合并:基于rowspan属性,即使一个单元格占多行的空间 要想MarkDown中插入复杂表格时,可以先在word或excel中把表格写好,然后在如下网站进行转化为标记对形式: http://pressbin.com/tools/exc

【Markdown】输入空格方式

文章目录 1.nbsp2. ensp3. emsp4.thinsp5. zwnj6. zwj7. 其它 1.nbsp  为“不换行空格”,全称“No-Break Space”,它是最常见和我们使用最多的空格,大多数的人可能只接触了 ,它是按下space键产生的空格。在HTML中,如果你用空格键产生此空格,空格是不会累加的(只算1个)。要使用html实体表示才可累加,该

好用的 Markdown 编辑器组件

ByteMD bytedance/bytemd: ByteMD v1 repository (github.com) 这里由于我的项目是 Next,所以安装 @bytemd/react, 阅读官方文档,执行命令来安装编辑器主体、以及 gfm(表格支持)插件、highlight 代码高亮插件: npm i @bytemd/reactnpm i @bytemd/plugin-highlight

CSDN的Markdown编辑器语法

这里写自定义目录标题 欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants 创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入

MWeb Pro - Mac 平台专业 Markdown 编辑器

作为 Mac 平台老牌的 Markdown 编辑器,MWeb 4 让专业写作、记笔记变得轻松自在。 兼容性更出色 开发者将此前自研的 One Markdown 整合到 MWeb 4 中,而且适配苹果 M系列芯片电脑,兼容性更加出色。 完整支持广泛使用的 CommonMark 标准和 GitHub Flavored Markdown 特性,而且在新技术加持下性能大大提升,编辑上百万字文档也

csdn,Markdown语法保存

这里写自定义目录标题 欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants 创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入

本地编写Markdown格式文件,浏览器查看

编写准备 下载VsCode并安装,打开后在内部安装Markdown All in One、Markdown Preview Enhanced、Paste Image三个插件。新建一个文件夹用以后期保存你的笔记等文件在左侧新建文件,.md结尾,即完成创建右侧可实时的查看你的编写结果,本地查看可直接使用浏览器查看,浏览器内查看时须安装MarkdownViewer插件每一种格式的下方均有解释,编辑器内