这款Markdown神器,要收费啦

简介: 相见恨晚

11月23日,Typora 正式发布 1.0 版本,正式版开始收费了,定价14.99美元。不过,Beta版本还是可以继续免费使用的。

作为 Typora 的重度用户,今天给大家介绍一下这款 Markdown 神器。

简介

Typora 是一款支持实时预览的 Markdown 文本编辑器

特点

  1. 所见即所得。输入Markdown标记后,会即时渲染成相应格式。大部分的Markdown编辑器都是一半是编辑窗口,一半是预览窗口,而Typora合二为一,更为简洁。
  2. 支持 LaTeX 语法
  3. 支持图床功能
  4. 定制化主题

Markdown

Markdown是一种轻量级标记语言,排版语法简洁,让使用者更多地关注内容本身而非排版。

基础语法

代码高亮:输入 ` 后并输入语言名,换行,开始写代码,Typora 会自动实现代码高亮的效果(如下图)。

图床

Typora 里的图片是链接到本地图片的,如果将文档同步到其他平台,图片链接会失效。可以使用图床来保证文档在分享后图片仍能正常显示。

我使用的是PicGo图床工具,具体配置方法如下:

1、下载 PicGo:https://github.com/Molunerfinn/PicGo/releases

2、选择图床,设置相关参数。PicGo 支持多个图床平台,如七牛、阿里云OSS等。

3、设置 PicGo server。

4、打开 Typora 中的「文件-偏好设置-图像」选项,配置上传服务为 PicGo 和 PicGo 的路径。

配置完成之后,当你在 Typora 中插入本地图片时,PicGo 会自动将图片上传图床并使用 Markdown 语法替换图片地址。

LaTeX

Typora 支持 LaTeX 语法,可以往文档插入数学公式。

数学公式有两种形式: inline 和 display。

  • inline(行间公式):在正文插入数学公式,用$...$ 将公式括起来
  • display(块间公式) :独立排列的公式,用 $$...$$将公式括起来,默认显示在行中间

常用语法

下面举几个例子:

分段函数

$$
f(n)=
    \begin{cases}
		n/2, & \text{if $n$ is even}\\
		3n+1,& \text{if $n$ is odd}
	\end{cases}
$$

矩阵

$$
X=\left|
    \begin{matrix}
		x_{11} & x_{12} & \cdots & x_{1d}\\
		x_{21} & x_{22} & \cdots & x_{2d}\\
		\vdots & \vdots & \ddots & \vdots \\
		x_{11} & x_{12} & \cdots & x_{1d}\\
	\end{matrix}
\right|
$$

偏导数和微分:

$$
\frac{\partial z}{\partial x_1} + \frac{\partial z}{\partial x_2} \\
\frac{\mathrm{d}z}{\mathrm{d}x_1}+\frac{\mathrm{d}z}{\mathrm{d}x_2}
$$

目录

markdown文档生成目录,我使用过的两种方法:

1、在文章开始使用[TOC] 将自动在文章生成目录。

  • 某些平台(如掘金)不支持

2、使用插件 doctoc 生成目录(页内超链接)。

  • 需要执行命令doctoc xxx.md生成目录。如果修改了标题,需要再次执行命令更新目录

使用 doctoc 生成目录的步骤:

  1. 安装 doctoc,npm install doctoc
  2. 在文档当前目录执行doctoc xxx.md命令,即可生成标题

定制化主题

在 Typora 中 CSS 被称为「主题」,但其本质仍是 CSS 文件。可以在 文件 - 偏好设置 - 主题 - 打开主题文件夹 看到这些 CSS 文件。

可以自定义修改 CSS 文件,生成新的主题。

Mermaid

Mermaid是一个用于画流程图、状态图、时序图、甘特图的库,使用 JavaScript 进行本地渲染,广泛集成于许多 Markdown 编辑器中。Typora也支持Mermaid语法。

下面举几个例子。

流程图

graph TD;
A-->B;
A-->C; 
B-->D;
C-->D;

时序图

sequenceDiagram
    Alice->>+John: Hello John, how are you?
    Alice->>+John: John, can you hear me?
    John-->>-Alice: Hi Alice, I can hear you!
    John-->>-Alice: I feel great!

导入导出

Typora 支持导入和导出的文件格式:htmlpdfdocxepublatex等。其中导出docxepublatex需要安装 Pandoc 插件。

其他功能

打字机模式:使得你所编辑的那一行永远处于屏幕正中。

专注模式:使你正在编辑的那一行保留颜色,而其他行的字体呈灰色。

码字不易,如果觉得对你有帮助,可以点个赞鼓励一下!

我是 程序员大彬,专注Java后端硬核知识分享,欢迎大家关注~

相关文章
|
JavaScript 开发工具 git
一代Markdown编辑神器“Typora”正式收费,白嫖激活也在努力!!
一代Markdown编辑神器“Typora”正式收费,白嫖激活也在努力!!
1049 0
一代Markdown编辑神器“Typora”正式收费,白嫖激活也在努力!!
|
6月前
|
程序员 Linux iOS开发
一款比Typora更简洁优雅的Markdown编辑器神器(完全开源免费)
一款比Typora更简洁优雅的Markdown编辑器神器(完全开源免费)
263 1
|
6月前
《使用「Markdown」编辑器的那些天 |CSDN编辑器测评》
《使用「Markdown」编辑器的那些天 |CSDN编辑器测评》
72 0
|
6月前
|
机器学习/深度学习 uml
Markdown编辑器用法保存自用
Markdown编辑器用法保存自用
|
6月前
|
Linux Docker 容器
Linux本地搭建StackEdit Markdown编辑器结合内网穿透实现远程访问
Linux本地搭建StackEdit Markdown编辑器结合内网穿透实现远程访问
95 0
|
1月前
|
Ubuntu Linux 测试技术
Linux系统之部署轻量级Markdown文本编辑器
【10月更文挑战第6天】Linux系统之部署轻量级Markdown文本编辑器
85 1
Linux系统之部署轻量级Markdown文本编辑器
|
3月前
|
存储 安全 数据安全/隐私保护
Django 后端架构开发:富文本编辑器权限管理与 UEditor 、Wiki接入,实现 Markdown 文本编辑器
Django 后端架构开发:富文本编辑器权限管理与 UEditor 、Wiki接入,实现 Markdown 文本编辑器
143 0
|
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 )的使用
|
5月前
|
存储 移动开发 编解码
基于HTML5开发的Markdown在线编辑器
Markdown是一种轻量级标记语言,以其简洁易读的格式而备受程序员和作者们的青睐。随着互联网的发展,越来越多的在线Markdown编辑器应运而生,为用户提供了更加便捷、高效的写作和编辑环境。本文将探讨基于HTML5开发的Markdown在线编辑器的设计原理、功能特点以及技术优势。
122 4
|
6月前
|
前端开发 C++ iOS开发
几款主流好用的markdown编辑器介绍
几款主流好用的markdown编辑器介绍
356 1