Markdown 教程之编辑器
1. Typora 编辑器
- Typora 是一款支持实时预览的 Markdown 文本编辑器。它有 OS X、Windows、Linux 三个平台的版本,并且由于仍在测试中,是完全免费的。
2. 安装
- 首先我们下载 Typora 安装文件,进入Typora 下载地址后点击对应的操作系统进行下载。
- 然后安装
3. 配置
- 一个文本编辑器,写得舒服是关键。 打开
文件 - 偏好设置
你会发现 Typora 为我们提供了各式各样的选项。大家可以根据自己的喜好进行配置。下没提供一些推荐的配置。
*通用
中的启动选项可以改为 重新打开上次使用的文件和目录。 *
外观中可以勾选
显示状态栏。 *
图像选项中可以选择
复制文件到当前文件夹,同时勾选
对网络位置的图片应用上述规则、
优先使用相对路径、
插入时自动转义图片URL。 *
Markdown中
Markdown 拓展语法中建议**全部勾选**,代码块中勾选
显示行号`。
4. 功能
实时预览
- 我们可以在写完公式后立马出现预览结果, 他们把这称为 Hybrid View 。
- 但不能避免会有一些 bug 的发生,或者在插入表格时,为避免立马出结果(这个会在后面涉及到),所以我们可以在
视图
选项中看到源代码模式
,当然我们也可以使用快捷键Ctrl
+/
来实现同样的结果。
大纲/文件侧边栏
- Typora 会根据你 Markdown 标记的 H1、H2、H3…… 各级标题为你呈现一个大纲。(这些会在后边的
markdown
讲解中涉及到)
- Typora 会根据你 Markdown 标记的 H1、H2、H3…… 各级标题为你呈现一个大纲。(这些会在后边的
空格和换行
如果你在使用标题,换行后会继承上一层标题,这时如果你想提高标题等级,你可以按
enter
键,反之如果你想降低标题等级,你可以按tab
键。空格
在输入连续的空格后,Typora 会在编辑器视图里为你保留这些空格,但当你打印或导出时,这些空格会被省略成一个。
换行
- 在 Markdown 语法中,换行(line break)与换段是不同的。且换行分为软换行和硬换行。
- 软换行:
- 在 Typora 中,你可以通过
Shift + Enter
完成一次软换行。软换行只在编辑界面可见,当文档被导出时换行会被省略。
- 在 Typora 中,你可以通过
- 硬换行:你可以通过
空格 + 空格 + Shift + Enter
完成一次硬换行,而这也是许多 Markdown 编辑器所原生支持的。硬换行在文档被导出时将被保留,且没有换段的段后距。
- 软换行:
这些需要大家自己尝试,同时在实践中掌握这些知识,而非死记硬背,这样在将来用到时会更方便。
- 在 Markdown 语法中,换行(line break)与换段是不同的。且换行分为软换行和硬换行。
emoji 表情
这一点在 Typora 中比较好实现,你只需要打出
:emoji:
便可以获得一个emoji 表情,例如我输入:house:
便可以打出,还有:horse:
可以打出。还有更多等着大家去探索。
支持 LaTex
LaTex
- LaTeX 是一种基于 TeX 的排版系统,由于它易于快速生成复杂表格和数学公式,非常适用于生成高印刷质量的科技和数学类文档。
- 在 Typora 中有两种方式输入 LaTeX 风格的数学公式:
- 行内公式:用
$...$
括起公式,公式会出现在行内。 - 块间公式:用
$$...$$
括起公式(注意$$
后需要换行),公式会默认显示在行中间。
具体的 LaTeX 语法会在后面讲解。
- LaTeX 是一种基于 TeX 的排版系统,由于它易于快速生成复杂表格和数学公式,非常适用于生成高印刷质量的科技和数学类文档。
Markdown 教程之编辑器的更多相关文章
- MarkDown教程
MarkDown笔记 在线编辑器其他教程 [1.标题] 标题1 标题1=== 标题2 标题2--- 标题3 1 2 3 4 5 6 7 7 #1 ##2 ###3 ####4 #####5 ##### ...
- 简书markdown教程
1 支持 Markdown 的编辑器 Windows 推荐 Sublime Text 3,强大优雅的编辑器.MarkdownPad,一款可以直接预览排版效果的编辑器. Mac 推荐 Ulysess,专 ...
- Markdown教程<2> mermaid图形绘制(1)
Markdown教程<2> mermaid图形绘制(1) 博客园中的markdown编辑器同时支持mermaid图表引擎与tex公式引擎,可以使用mermaid直接画出流程图,时序图,甘特 ...
- Markdown教程 <1>
Markdown教程 <1> 本文在本地使用atom编辑后,直接将代码赋值到博客园中的markdown编辑器中生成 1. markdown字体,段落控制 以下引用块里面为源码,引用块下方为 ...
- 认识与入门 Markdown,Markdown教程
一.认识 Markdown 在刚才的导语里提到,Markdown 是一种用来写作的轻量级「标记语言」,它用简洁的语法代替排版,而不像一般我们用的字处理软件 Word 或 Pages 有大量的排版.字体 ...
- Markdown语法及编辑器
宗旨 Markdown 的目标是实现「易读易写」. 可读性,无论如何,都是最重要的.一份使用 Markdown 格式撰写的文件应该可以直接以纯文本发布,并且看起来不会像是由许多标签或是格式指令所构成. ...
- 国内写的比较好的markdown教程
国内写的比较好的markdown教程,预览图如下 点击跳转
- python测试开发django-55.xadmin使用markdown文档编辑器(django-mdeditor)
前言 markdown是一个非常好的编辑器,用过的都说好,如果搭建一个博客平台的话,需要在后台做文章编辑,可以整合一个markdown的文本编辑器. github上关于django的markdown插 ...
- Markdown教程<3> 数学公式(1)
# Markdown教程<3> 数学公式(1) 1.如何在markdown中使用公式 公式分为行内公式与行间公式,其中: 行内公式使用$ 数学公式 $ 行间公式使用$$ 数学公式 $$ 2 ...
随机推荐
- Vue错误汇总
1.Vue导入js后没反应{{msg}}仍是{{msg}} 错误原因:js里写错了,或者没new一个Vue html页面: 解决方法:代码加入 new
- JDBC知识点总结
一:JDBC 概述 一.简介 1. JDBC(Java DataBase Connection,Java 数据库连接)是Java语言中用来规范客户端程序如何来访问数据库的应用程序 ...
- 使用 nuget server 的 API 来实现搜索安装 nuget 包
使用 nuget server 的 API 来实现搜索安装 nuget 包 Intro nuget 现在几乎是 dotnet 开发不可缺少的一部分了,还没有用过 nuget 的就有点落后时代了,还不快 ...
- 最短路之Floyd
#include<bits/stdc++.h>using namespace std;const int maxn = 300+10;int n,m,f[maxn][maxn],t; in ...
- 并发07--线程池及Executor框架
一.JAVA中的线程池 线程池的实现原理及流程如下图所示: 如上图所示,当一个线程提交到线程池时(execute()或submit()),先判断核心线程数(corePoolSize)是否已满,如果未满 ...
- 扫描U盘
编辑器加载中...int CSendUDiskDlg::SearchUDisk(void) { int nCount, i; char szDriver[3]; nCount = 0; szDrive ...
- mybatis源码配置文件解析之五:解析mappers标签(解析XML映射文件)
在上篇文章中分析了mybatis解析<mappers>标签,<mybatis源码配置文件解析之五:解析mappers标签>重点分析了如何解析<mappers>标签中 ...
- 表达式计算开源组件(NCalc.NetCore)
首先,这款组件是开源的,NCalc是.net中的一个数学表达式求值程序.NCalc可以解析任何表达式并计算结果,包括静态或动态参数和自定义函数. 官网地址:http://ncalc.codeplex. ...
- css实现自适应正方形的多种方法实现
方案一:CSS3 vw 单位 CSS3 中新增了一组相对于可视区域百分比的长度单位vw.vh.vmin.vmax.其中vw是相对于视口宽度百分比的单位,1vw = 1% viewport width, ...
- 转载---最简单的JavaScript模板引擎
转载自:http://www.cnblogs.com/dolphinX/p/3489269.html,http://blog.jobbole.com/56689/