关于写作编辑器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相关内容就介绍到这里




相关文章
|
27天前
|
Ubuntu Linux 测试技术
Linux系统之部署轻量级Markdown文本编辑器
【10月更文挑战第6天】Linux系统之部署轻量级Markdown文本编辑器
75 1
Linux系统之部署轻量级Markdown文本编辑器
|
3月前
|
存储 安全 数据安全/隐私保护
Django 后端架构开发:富文本编辑器权限管理与 UEditor 、Wiki接入,实现 Markdown 文本编辑器
Django 后端架构开发:富文本编辑器权限管理与 UEditor 、Wiki接入,实现 Markdown 文本编辑器
129 0
|
1月前
|
iOS开发 MacOS Python
【10月更文挑战第1天】「Mac上学Python 1」入门篇1 - 安装Typora与Markdown编辑技巧
本篇将详细介绍如何在Mac系统上安装Typora这款简洁高效的Markdown编辑器,并学习Markdown常用语法。通过本篇,用户能够准备好记录学习笔记的工具,并掌握基本的文档编辑与排版技巧,为后续学习提供便利。
141 1
【10月更文挑战第1天】「Mac上学Python 1」入门篇1 - 安装Typora与Markdown编辑技巧
|
13天前
|
开发工具
用 Vim 编辑 Markdown 时直接粘贴图片
介绍一款 Vim 插件,可以帮助提升编辑 Markdown 时的从剪贴板粘贴图片的效率和体验。
26 2
|
2月前
|
JavaScript 前端开发 API
vue3 v-md-editor markdown编辑器(VMdEditor)和预览组件(VMdPreview )的使用
本文介绍了如何在Vue 3项目中使用v-md-editor组件库来创建markdown编辑器和预览组件。文章提供了安装步骤、如何在main.js中进行全局配置、以及如何在页面中使用VMdEditor和VMdPreview组件的示例代码。此外,还提供了一个完整示例的链接,包括编辑器和预览组件的使用效果和代码。
vue3 v-md-editor markdown编辑器(VMdEditor)和预览组件(VMdPreview )的使用
|
4月前
|
开发工具
vi编辑器,现在vi\vim是文本文件进行编辑的最佳选择,Vim是vi的加强的版本,兼容vi的所有指令,vim编辑器有三种工作模式,一开始进入的是命令模式,命令模式i是插入的意思,两下y+p复制内容
vi编辑器,现在vi\vim是文本文件进行编辑的最佳选择,Vim是vi的加强的版本,兼容vi的所有指令,vim编辑器有三种工作模式,一开始进入的是命令模式,命令模式i是插入的意思,两下y+p复制内容
SublimeText配置Markdown编辑及预览
本文详细介绍了如何配置Sublime Text及相关插件,使之成为Markdown编辑器并且能够在浏览器中实现预览功能。
|
3月前
|
前端开发 Python
60行Python代码开发在线markdown编辑器
60行Python代码开发在线markdown编辑器
|
3月前
|
存储
UE建模模式编辑器工具的快速入门教程
在UE虚幻引擎中,想要进行创建网格体、制作新关卡几何原型、编辑现有静态网格体资产等模型编辑动作,都需要借助建模模式的编辑器完成。因此,充分掌握编辑器能力是每个UE开发人员必备的基础技能,尽管UE建模模式中的许多工具与其他建模软件工具操作类似,但在如何构建网格体编辑方面存在着重要区别。 下面就带大家一起了解「UE建模模式编辑器」的不同之处🤔。
|
4月前
|
Unix Linux Shell
Sphinx是一个Python文档生成工具,它可以解析reStructuredText或Markdown格式的源代码注释,并生成多种输出格式,如HTML、LaTeX、PDF、ePub等。
Sphinx是一个Python文档生成工具,它可以解析reStructuredText或Markdown格式的源代码注释,并生成多种输出格式,如HTML、LaTeX、PDF、ePub等。