关于写作编辑器markdown与它的编辑工具,我想说...

简介: markdown便是如此,它让你无需关注排版,将更多的经历用于写作上。如果现在还没有使用过它的朋友,真的推荐你们跨出第一步...

聊点别的吧


每天和大家分享的都是Python的相关知识内容,写代码我们需要有趁手的编辑器,那么今天想和大家聊聊关于写文章的趁手工具。不知道从什么时候开始各类博客网站开始推荐用户使用markdown编辑器。第一次接触markdown编辑器还是在16年末,当时深圳的开发团队提供了一片.md结尾的开发接口文档。当时用NotePad++打开看到的一堆乱七八糟内容,瞬间脑子飘过一句话懵逼树上懵逼果,懵逼树下你和我。和朋友一起查了半天,才下载了一个markdown的编辑器,当看到解释器显示的内容时,我就知道该入坑了!装13要达到什么目的?方便自己为难他人,最终还能让别人觉得666!markdown便是如此,它让你无需关注排版,将更多的经历用于写作上。如果现在还没有使用过它的朋友,真的推荐你们跨出第一步...


markdown语法


之所以说markdown在使用时无需关注排版,是因为它通过特定的标识符,达到了对应排版的效果。那么markdown的语法有哪些?让我们从文章结构开始


文章目录[toc]

markdown可以针对h1--h6的标签布局,自动生成文章目录,简直不要太方便,找一篇历史文章目录做个例子...


网络异常,图片无法展示
|

toc目录

但需要注意的是,虽然markdown编辑器均支持此语法,一些博客网站不支持,比如简书....


标题与字体

标题的实现较为简单:

# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题

字体又涉及哪些呢?

**这是加粗的文字**
*这是倾斜的文字*`
***这是斜体加粗的文字***
~~这是加删除线的文字~~
== 这是高亮文字 ==  (一些编辑器不支持此语法)

引用与分割

在引用的文字前加>即可。引用也可以嵌套,如加两个>>三个>>>

> 比如这里就是一个引用

分割线有默认的使用规则,但一般用到的比较少:

分页 * * *
段落分割 - - -
单纯的边框分割 _ _ _

图片与链接

图片与链接的语法比较相似,所以放在一起说明:

![图片alt](图片地址 ''图片title'')
图片alt就是显示在图片下面的文字,相当于对图片内容的解释。
图片title是图片的标题,当鼠标移到图片上时显示的内容。
[超链接名](超链接地址 "超链接title")

title可加可不加,一般为了书写快速很少有人添加此项...


列表与嵌套

无序列表可选择- + * 的任意一种方式

有序列表则直接使用数字+.的方式,如: 1. 第一条

但需要注意的是,不管是无序列表还是有序列表,都需要在语法与正文中添加一个空格才能生效。

至于列表嵌套,通过缩进完成即可:

* Colors
  1. Red
  2. Blue
  3. Green
  4. Yellow
    - Dark Yellow
    - Light Yellow
    - Green Yellow
  • Colors
  1. Red
  2. Blue
  3. Green
  4. Yellow
  • Dark Yellow
  • Light Yellow
  • Green Yellow

表格

markdown的表格,初次使用你会惊艳与它简单的语法实现方式,但使用多了会觉得它很鸡肋,为什么这么说?先来看看它的语法:

| name  | age | gender    | money  |
|-------|:---:|-----------|-------:|
| rhio  | 384 | robot     | $3,000 |
| haroo | .3  | bird      | $430   |
| jedi  | ?   | undefined | $0     |
name age gender money
rhio 384 robot $3,000
haroo .3 bird $430
jedi ? undefined $0

markdown的表格通过:来进行左右对齐与居中,相信通过这个例子大家就能有所了解。但它存在一个问题,你没办法固定列宽。这使得很多时候,你会觉得通过它实现的表格缺乏美感...截取一段之前写正则表达式,使用的表格数据:


网络异常,图片无法展示
|

markdown表格


代码

markdown的代码分为行内代码与代码块:

行内代码使用单个的反斜线:
`这是一个代码块`
而块级代码则通过三个反斜线实现,并且可以标注代码的语言:
(```python)
为了避免显示问题,所以在代码块前后添加了小括号...
(```)

关于其他

markdown还支持流程图、数学计算等等功能,同样的很多编辑器默认不支持。喜欢的朋友可以去研究些这些内容。


markdown工具


学会了markdown的语法,那么该使用什么工具来编写markdown内容呢?


文本编辑器

我们可以通过nodepad++ 、sublimeText 等可扩展的文本便器,通过安装插件的方式去适配markdown读写,但坦白说不推荐...why?很多时候,涉及的太多反而不够对逐个内容精通。通过安装插件后的这几个文本编辑器,在使用的时候或多或少的都存在一些你难以忍受的bug.


markdownPad

网络异常,图片无法展示
|

markdownPad


markdownPad、markdownPad2都算是比较老牌的markdown编辑器了,功能还算OK,但扩展性也不强,很多语法不支持。但最主要的还是丑!不适合程序猿使用。


Atom

网络异常,图片无法展示
|

Atom


这款github推荐的程序猿文本编辑器还是比较优秀的,但有一个问题,如果你只是想找一个markdown编辑器,Atom工具则显得过于臃肿。


Typora

网络异常,图片无法展示
|

Typora


一款颜值巅峰的Markdown编辑器,它区别与其他编辑器在于它的所见即所得!其他的编辑器基本都是左侧编辑栏,右侧预览栏。只有Typora是编写完成自动生成预览效果。且由于它存在较多的主题,更难得的是它支持多种文档类型的导出,简直不要太赞,所以这个工具深受大家喜爱(我代表大家了,哈哈...)。


Haroopad

当你们以为到Typora结束的时候,我却要介绍这个Haroopad的工具,它是一个韩国人开发的,可惜也许这个程序猿也35岁中年危机了,所以这个工具已经好久没有再更新了,既然不维护了为什么我还一直在使用它?因为它的开放

这个工具允许你不仅存在大量的主题与代码风格,且允许你自定义样式,通过你的喜欢编写css去实现更为DIY的效果,所以即便不更新了,到现在为止我依然手选这款工具。


网络异常,图片无法展示
|

haroopad


The End


OK,今天的Markdown相关内容就介绍到这里




相关文章
|
2月前
《使用「Markdown」编辑器的那些天 |CSDN编辑器测评》
《使用「Markdown」编辑器的那些天 |CSDN编辑器测评》
26 0
|
2月前
|
机器学习/深度学习 uml
Markdown编辑器用法保存自用
Markdown编辑器用法保存自用
|
4月前
|
数据可视化 Linux API
使用Docker安装部署Swagger Editor并远程访问编辑API文档
使用Docker安装部署Swagger Editor并远程访问编辑API文档
52 0
|
4月前
|
Linux Docker 容器
Linux本地搭建StackEdit Markdown编辑器结合内网穿透实现远程访问
Linux本地搭建StackEdit Markdown编辑器结合内网穿透实现远程访问
36 0
|
3月前
|
存储 JavaScript 前端开发
使用Strve.js来搭建一款 Markdown 编辑器
今天,我们来使用Strve.js来搭建一款 Markdown 编辑器,没错!你没听错。我们需要创建了一个实时 Markdown 编辑器,用户可以在 textarea 中输入 Markdown 文本,然后实时显示转换后的 HTML。你可能会说使用 Strve.js 开发会不会写的特别复杂难懂啊,还不如用 Vue.js 呢!
|
4天前
|
前端开发 JavaScript 搜索推荐
react-app框架——使用monaco editor实现online编辑html代码编辑器
react-app框架——使用monaco editor实现online编辑html代码编辑器
15 3
|
2月前
|
机器学习/深度学习 uml
欢迎使用Markdown编辑器
欢迎使用Markdown编辑器
40 0
|
2月前
|
Unix Shell Linux
【Shell 命令集合 文档编辑】Linux 文本编辑器 ex命令使用指南
【Shell 命令集合 文档编辑】Linux 文本编辑器 ex命令使用指南
34 0
|
2月前
|
存储 Shell Linux
【Shell 命令集合 文档编辑】Linux 行编辑器 ed命令使用指南
【Shell 命令集合 文档编辑】Linux 行编辑器 ed命令使用指南
29 0
|
4月前
|
缓存 iOS开发 MacOS
R沟通|​markdown编辑器—Typora
R沟通|​markdown编辑器—Typora
59 0