Typora用Markdown写博客

前言

  目前很多的平台均提供了富文本编辑器,如我们常用的Word,博客园提供的是TinyMCE编辑器,这些编辑器均提供了很好的功能,那么为什么要使用Makedown来进行写作?
  其实我们在使用Word这些软件的时候,最大的痛点在于“格式问题”,这个问题最直接的感受便是复制粘贴的时候可能会引起格式错乱的困扰。
  由于Makedown本身是一个纯文本,不存在富文本格式的问题,因此使用Makedown可以让我们专注于内容本身,可以在任何编辑器(仅仅考虑编辑,忽略渲染),甚至是记事本进行处理,然后复制粘贴在需要渲染的地方(如支持Markdown的编辑器)即可,而且Makedown还支持一些JS的语法,可以更好的自定义渲染。

实现

  支持Markdown的编辑器有很多,在使用过程中,觉得Typora软件界面以及一些功能挺好的(我也喜欢用Sublime+相关插件,但是感觉使用Typora的效率会高点),分享下自己利用Typora写博客的一些方法。

图片维护问题

  用Makedown写文章,最大的问题便是图片的维护性问题,虽然在本地写的时候,Typora支持本地相对地址进行渲染,但是发布的时候可能就会出现“找不到图片”的情况,造成维护不一致。
  当然,这种问题可以通过加入“图床”进行解决,目前用的比较多的有微博和七牛云,当然也可以用Github(Github搭的静态博客用的比较多),下面仅仅考虑用博客园平台本身维护图片。
  在博客园的Makedown编辑器中,执行以下步骤:
  (1) 上传图片,生成图片链接
  (2) 复制链接到Typora中,这个时候,将Typora中的内容直接复制(注意在源码模式下复制)到博客园中,不会出现“图片找不到”的问题。

Typora的常用快捷键

  • 功能 热键(Windows / Linux) 热键(macOS)
    标题1到6 Ctrl + 1/2/3/4/5/6 Command + 1/2/3/4/5/6
    Ctrl + 0 命令+ 0
    提高标题级别 Ctrl + = 命令+ =
    降低标题级别 Ctrl + - 命令+ -
    Ctrl + T. Command + Option + T.
    代码围栏 Ctrl + Shift + K. Command + Option + C.
    数学块 Ctrl + Shift + M. Command + Option + B.
    引用 Ctrl + Shift + Q. Command + Option + Q.
    订购清单 Ctrl + Shift + [ Command + Option + O.
    无序列表 Ctrl + Shift +] Command + Option + U.
    缩进 Ctrl + [/ Tab Command + [/ Tab
    减少缩进 Ctrl +] / Shift + Tab Command +] / Shift + Tab
  • 格式
    功能 热键(Windows / Linux) 热键(macOS)
    强大 Ctrl + B. Command + B.
    重点 Ctrl + I 命令+我
    强调 Ctrl + U. Command + U.
    Ctrl + Shift +` Command + Shift +`
    罢工 Alt + Shift + 5 Control + Shift +`
    超链接 Ctrl + K. Command + K.
    图片 Ctrl + Shift + I Command + Control + I
    清除格式 Ctrl + \ 命令+

调整字体颜色和大小

  Makedown中字体的颜色和大小均需要通过html的标签完成,老版本的Typora不支持颜色的渲染,目前的新版本可以正常显示字体的大小和颜色。
  如要显示一个红色的黑体字,其代码可以如下:

<font face="黑体" color=red size=5>html</font>

插入超链接和图片

(1)插入超链接的快捷键是【Ctrl+K】,得到 大括号[]小括号() [](),其中中括号中输入标题,小括号中输入超链接;

(2)插入本地图片快捷键是【Ctrl + Shift + I】,得到得到 感叹号!大括号[] 小括号() ![](),和超链接的唯一区别在于"最前面有感叹号"。

(3)Makedown支持一行中插入多个图片,多个图片并列的方法需要通过HTML标签实现,如要显示2个并列的图片,其代码可以如下:

<figure class="half">
    <img src="http://pic1.jpg">
    <img src="http://pic2.jpg">
</figure>

模式切换

  通过【Ctrl+/】可以在源码模式和渲染模式下进行切换(注意发布的时候要在源码模式下进行复制粘贴

注意事项

  在Typora中,【Enter】键是换2行,如果要换1行的话,快捷键是【Shift+Enter】键

进一步

  如果想要进一步详细了解Makedown的语法,推荐资料链接

参考资料

【1】https://www.cnblogs.com/siweihz/articles/12185549.html
【2】https://www.cnblogs.com/gxh195/p/10657200.html

posted @ 2020-06-17 22:15  临摹摆渡  阅读(383)  评论(0编辑  收藏  举报