Typora使用

星辰之行

已于 2022-11-07 11:29:43 修改

阅读量357

点赞数 1

文章标签：开发语言

于 2022-10-25 21:43:24 首次发布

本文链接：https://blog.youkuaiyun.com/qq_41809023/article/details/127522496

版权

Typora使用

1. Typora使用

1.1 markdown语法

这里仅记录我在使用Typora时的常用命令，如果大家有其他需求可以自行百度。

标题: # + 空格 +内容，最多支持六级标题，输入以下内容：

# 一级标题
## 二级标题
### 三级标题

效果如下：

有序序列表: 数字 + 空格 + 内容，输入以下内容:

1. 一曲新词酒一杯 ，去年天气旧池台 。夕阳西下几时回？
2. 二十四桥明月夜，玉人何处教吹箫
3. 三万里河东入海，五千仞月上摩天

实际效果为：

一曲新词酒一杯，去年天气旧池台。夕阳西下几时回？
二十四桥明月夜，玉人何处教吹箫
三万里河东入海，五千仞月上摩天

无序列表: * + 空格 +内容，其中*也可以用-、+代替，作用一样。输入以下内容：

*  一曲新词酒一杯 ，去年天气旧池台 。夕阳西下几时回？
*  二十四桥明月夜，玉人何处教吹箫
*  三万里河东入海，五千仞月上摩天

效果为：

一曲新词酒一杯，去年天气旧池台。夕阳西下几时回？
二十四桥明月夜，玉人何处教吹箫
三万里河东入海，五千仞月上摩天

列表嵌套：使用空格或者回车进行控制(跟YAML语言一样)，输入以下内容：

*  一曲新词酒一杯 ，去年天气旧池台 。夕阳西下几时回？
	* 明天就回
*  二十四桥明月夜，玉人何处教吹箫
	* 一天天想啥呢
*  三万里河东入海，五千仞月上摩天
	* 看把你牛逼的

效果为：

一曲新词酒一杯，去年天气旧池台。夕阳西下几时回？
- 明天就回
二十四桥明月夜，玉人何处教吹箫
- 一天天想啥呢
三万里河东入海，五千仞月上摩天
- 看把你牛逼的

分割线：使用三个或以上的-或*表示，输入以下内容：

牛郎：阿妹！！

---

织女：阿哥——————————

效果为：

牛郎：阿妹！！

织女：阿哥——————————

斜体&粗体：斜体使用一对*号，粗体使用两对**号，输入以下内容：

*啦啦啦啦啦啦,你这个大老粗&#x27A1;*   **你这个细狗&#x2B05;**

效果如下：
啦啦啦啦啦啦,你这个大老粗➡ 你这个细狗⬅

中划线：中划线用一对~~实现，输入以下内容：

~~请升级至最新版本~~

效果如下：

~~请升级至最新版本~~
下划线： <u>内容</u>，输入以下内容：

<u>yes,ok</u>

效果如下：
yes，ok

引用：> + 空格，输入以下内容：

> 雨天路滑，注意脚下

效果如下：

雨天路滑，注意脚下

图片&超链接：图片写为![image_name](image_url)，超链接比图片前面少一个感叹号，写为[content](url)，输入以下内容：

![my_wechat](https://img-blog.csdnimg.cn/fafbb9ed38044d368b3d74f9ad8eccf8.jpeg#pic_cente)
[www.baidu.com](www.baidu.com)

效果如下：

www.baidu.com

表情：表情库地址https://apps.timwhitlock.info/emoji/tables/unicode , 使用时赋值该表情的Unicode到md文件中，并把Unicode值的前缀U+修改为&#x，并在后面加上;, 例如表情库中有一组表情，Unicode值分别为U+1F331、U+1F334、U+1F335、U+1F337、U+1F338、U+1F339。输入以下内容

&#x1F331;&#x1F334;&#x1F335;&#x1F337;&#x1F338;&#x1F339;

效果为：
🌱🌴🌵🌷🌸🌹

代码块：行内代码块将内容写在一组`中间即可，多行代码块将内容写在一组```中间，多行代码块也可指定语言，输入以下内容：

`我是行内代码块`
```java
public class Main{
	public static void main(String [] args){
		System.out.println("hello world");
	}
}
```

效果如下：
我是行内代码块

public class Main{
	public static void main(String [] args){
		System.out.println("hello world");
	}
}

注意：markdown命令中需要用到很多特殊字符，如#、!、*等，我们想书写这些字符时，需要对他们进行转义，只需在这些特殊字符前加上\\即可，例如想要书写[]()时需要写为\[]()，否则markdown会认为这是一个超链接

写在后面：markdown还支持表格、流程图、数学公式等，由于自己不常使用或者可以通过第三方工具制作然后导入图片的方式实现，因此有需求的小伙伴可以自行搜索。

2 常用设置

2.1 设置Typora图片居左

使用的html标签
方法一：

增加align属性，值设置为left
<img src = "./images/mypic.png" align="left">
方法二：
打开偏好设置，选择左边外观标签，滑倒最下，选择打开主题文件夹。

在这里插入图片描述

打开对应的css文件(例如我的主题是Github主题，则打开github.css文件)，在文件的最后加上：

/*设置图片居左设置*/
p .md-image:only-child{
    width: auto;
    text-align: left;
}

使用的markdown命令
直接在整个插入图片的markdown命令后再输入一个空格

对，就是这么简单，最后再加一个空格

3 配套工具

3.1 PicGo图床

大家通常使用Typora都是写博客、Github，如果图片是在本地，其他人是访问不了的(某些平台支持将md文件复制进去，自动将其中的图片上传到平台)。因此，需要搭配图床使用，目前我是使用github作为图床，PicGo作为图片上传工具。

我在使用Typora上传图片后，图片的URL被自动转义(关闭Typora插入图片自动转义没有用)，然后转移后的URL连Typora都无法识别。

解决办法：~~上传图片后不使用Typora自动转义的URL，使用PicGo上传成功后获取的图片URL，该URL没有被转义，并且PicGo已经加入到粘贴板中，因此直接CTRL+V即可~~

解决办法：结合picgo的日志发现typora调用picgo上传图片接口后，picgo返回的上传后的url就是被转义了。最后在picgo的github上发现别人也有这个问题，原因是v2.3.1-beta.7有漏洞，把picgo版本换回2.3.0即可解决。

3.2 pandoc

微信公众号导入只支持doc和docx，可以通过下载pandoc来将markdown导出为docx格式。下面我以windows64位系统举例。

下载pandoc，选择64位的zip包，地址：https://github.com/jgm/pandoc/releases/tag/2.19.2
解压到电脑上指定位置
typora->文件->导出->word，在弹框内将pandoc路径设置为解压文件的exe文件。