当前位置:   article > 正文

Typora使用教程

typora使用教程

Python微信订餐小程序课程视频

https://blog.csdn.net/m0_56069948/article/details/122285951

Python实战量化交易理财系统

https://blog.csdn.net/m0_56069948/article/details/122285941

Typora使用教程

高能预警:本篇文章内容很长,很长,很长…

前言

​ 一次偶然的机会,让我接触到了 .md 文档,进而开始摸索如何查看 .md 文档,并意外结识了 Typora 这个编辑器。

MarkDown

简介

Markdown 是一种轻量级标记语言,创始人为 John Gruber。它允许人们「使用易读易写的纯文本格式编写文档,然后转换成有效的 XHTML(或者 HTML)文档」。

为什么要用MarkDown

​ 对于我而言,我选择MarkDown的原因如下:

  1. 回归到内容本身,注重文章本身的结构,而不是样式

    • 不需要考虑字体大小、颜色等,因为 Markdown 中字体样式都与结构有关,无法手动设置
  2. MarkDown的语法简单,记住几个常用的就可以释放鼠标了

    • 比如,我想要将 “这是个标题” 设置成二级标题,只需要在标题前添加##+空格即可实现,而不需要用鼠标先选中 “这是个标题”,然后在设置成二级标题
  3. 当前许多网站都支持用 Markdown 来撰写文档

    • 如 博客园、CSDN、简书、语雀 等,有了这么多网站的支持,你可以随时随地上传本地 MarkDown 文件到博客中

MarkDown 基本语法

一、标题

​ 语法格式:#+空格+标题,一个#是一级标题,两个##是两级标题,以此类推,支持六级标题

二、字体
  • 加粗
    语法格式:**加粗**
  • 斜体
    语法格式:*斜体*
  • 斜体加粗
    语法格式:``斜体加粗`
  • 删除线
    语法格式:~~删除线~~
  • 高亮

语法格式:==高亮==

三、引用

​ 语法格式:>+引用文字

我是引用文字

​ 引用也可以嵌套:

如加两个>>

三个>>>

​ 支持无线套娃~~

四、分割线

​ 语法格式:三个或者三个以上的 - 或者 * 都可以,如***

五、图片

​ 语法格式:![alt](图片地址 ''title'')

alt 指的是当图片链接失效时显示的提示文字,可加可不加title是图片的标题,当鼠标移到图片上时显示的内容,可加可不加


​ 如果你想要调整图片大小,有两种方式:

  1. 右击图片,选择缩放图片后,语法格式将变成![32](Typora.assets/32.jpg)20%可自行调整
  2. 通过HTML调节,格式如下:
<center>
    <img style="border-radius: 20px;"
 src="Typora.assets/baymax.jpg" 
 alt="baymax"
 width="688" >
center>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 标签设置图片居中对齐
  • border-radius设置圆角
  • src放置图片路径(本地路径或网络路径)
  • alt放置图片链接失效后的显示文字
  • width设置图片宽度(witdhheight只设置一个即可,等比例缩放)

​ 你也可以通过如下代码为图片添加图注:

<center>
    <img style="border-radius: 20px;"
 src="" 
 alt=""
 width="688" >
    <br>
    <div style="color: #999; padding: 2px;">
        图注
    div>
center>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

Hello,I’m baymax,your healthcare companion.

我使用的博客园主题不支持缩放代码,所以我选择了使用HTML的方式调整图片大小。放置上 设置圆角 的代码后我才发现,我使用的主题同样也不支持border-radius

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/IT小白/article/detail/297049
推荐阅读
相关标签