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

举报
技术火炬手 发表于 2019/08/29 14:18:10 2019/08/29
【摘要】 装13要达到什么目的?方便自己为难他人,最终还能让别人觉得666!markdown便是如此,它让你无需关注排版,将更多的经历用于写作上。如果现在还没有使用过它的朋友,真的推荐你们跨出第一步…

图片4.png

image.png

前几天下雨有些着凉,昨天下班回来就感冒咳嗽头晕,今天请假一天待在家,简直是难受…躺在床上突然想起陆游的一句诗:

image.png

自从开始做公众号,每晚熬夜写文章,比起那些大号们一篇文章几十个号来回转,每天动动手指设置下转发即可,而我自己写原创的内容,虽然文章侧重点与质量参差不齐,但确实太耗精力,也许是生病心情有些低落,总觉得这项付出与回报远不成比例的的事儿,是否还值得去坚持下去…

图片1.png

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

图片1.png

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

文章目录[toc]

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

image.png

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

标题与字体

标题的实现较为简单:

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

字体又涉及哪些呢?

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

引用与分割

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

> 比如这里就是一个引用

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

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

图片与链接

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

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

列表与嵌套

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

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

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

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

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

Colors

Dark Yellow

Light Yellow

Green Yellow

Red

Blue

Green

Yellow

表格

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

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

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

image.png

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

image.png

代码

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

行内代码使用单个的反斜线:
`这是一个代码块`

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

关于其他

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

图片1.png

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

文本编辑器

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

markdownPad

image.png

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

Atom

image.png

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

Typora

image.png

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

Haroopad

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

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

image.png

图片1.png

本文来自“清风Python”欢迎关注


【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。