typora常用文档

markdown常用命令

红字显示 

  1. 数学表达式

    要启用这个功能,首先到Preference->Editor中启用。然后使用$符号包裹Tex命令,例如:$lim_{x \to \infty} \ exp(-x)=0$将产生如下的数学表达式:

    limx→∞ exp(−x)=0limx→∞ exp(−x)=0

  2. 下标

    下标使用~包裹,例如:H~2~O将产生水的分子式。

    H2o

  3. 上标

    上标使用^包裹,例如:y^2^=4将产生表达式

    y2 = 4

  4. 插入表情

    使用:happy:输入高兴的表情,使用:sad:输入悲伤的表情,使用:cry:输入哭的表情等。以此类推!

    :happy:

  5. 下划线

    用HTML的语法<u>Underline</u>将产生下划线Underline,快捷键 ctrl + u

    下划线

  6. 删除线(一般不会用到)

    使用~~包裹的文本将会具有删除的样式,例如删除文本将产生删除文本的样式。快捷点 alt+shift+5

    删除线

  7. 代码

使用`包裹的内容将会以代码样式显示,例如

使用`code()`1
1

则会产生code()样式。

如果要输入代码块的话,输入

```
代码块
```
123

例如:

#include <stdio.h>
int main(){
    printf("hello world");
    return 0;
}
12345

然后我们可以在这个右下角选择我们的代码语言

  1. 加粗 快捷键 ctrl+b

使用两个*号或者两个_包裹的内容将会被强调。例如

**使用两个*号强调内容**
  __使用两个下划线强调内容__12
12

将会输出

使用两个*号强调内容
使用两个下划线强调内容
Typroa 推荐使用两个*号。

9 . 斜体

在标准的Markdown语法中,*和_包裹的内容会是斜体显示,但是GFM下划线一般用来分隔人名和代码变量名,因此我们推荐是用星号来包裹斜体内容。如果要显示星号,则使用转义:

\*1
1
  1. 插入图片

直接把图片拖到我们想要的位置即可

  1. 插入URL连接

使用尖括号包裹的url将产生一个连接,例如:<www.baidu.com>将产生连接:www.baidu.com.

如果是标准的url,则会自动产生连接,例如:www.google.com

  1. 目录列表Table of Contents(TOC)

输入[toc]然后回车,将会产生一个目录,这个目录抽取了文章的所有标题,自动更新内容。

  1. 水平分割线

使用***或者---,然后回车,来产生水平分割线。三个或者三个以上哦


  1. 标注

我们可以对某一个词语进行标注。

把鼠标放在注释上,将会有提示内容。

  1. 表格 快捷键 ctrl+t
|姓名|性别|毕业学校|工资|
|:---|:---:|:---:|---:|
|杨洋|男|重庆交通大学|3200|
|峰哥|男|贵州大学|5000|
|坑货|女|北京大学|2000|12345
12345

将产生:

姓名性别毕业学校工资
杨洋重庆交通大学3200
峰哥贵州大学5000
坑货北京大学2000

其中代码的第二行指定对齐的方式,第一个是左对齐,第二个和第三个是居中,最后一个是右对齐。

  1. 任务列表

使用如下的代码创建任务列表,在[]中输入x表示完成,也可以通过点击选择完成或者没完成。

 - [ ] 吃饭
 - [ ] 逛街
 - [ ] 看电影
 - [ ] 约泡1234
1234
任务列表

- [ ]  吃饭
- [ ]  逛街
- [ ]  看电影
- [ ]  打豆豆
123456
  1. 列表 快捷键就不介绍了
  • 无序列表

    输入+, -, *,创建无序的列表,使用任意数字开头,创建有序列表,例如:

  • 有序的列表

    数字然后加上 . 和空格

  1. 块引用 快捷键 ctrl + shift + q

使用> 来插入块引用。例如:

> 这是一个块引用!1
1

将产生:

这是一个块引用!

注:在块引用里面,还是支持markdown语法的

  1. 标题 快捷键 ctrl + 数字 数字就是代表几级标题

    使用#表示一级标题,##表示二级标题,以此类推,有6个标题。

typora常用配置

显示代码行号

在这里插入图片描述

自动保存

在这里插入图片描述

保存图片文件在当前目录下,且使用相对路径

在这里插入图片描述

图片靠左

图片粘贴时会自动居中,对于比较小的图片居中就很难看,将图片靠左

打开文件 - 偏好设置 - 界面 - 打开主题文件夹,选择你自己的主题名.css(默认是 Github.css),在最后插入 CSS 代码就可以了。

p .md-image:only-child{
    width: auto;
    text-align: left;
}

其余的自己揣摩吧!

设置Typora自动上传图片到github

  1. 转到文件->偏好设置->图像

image-20200330131111079

  1. 将上传服务修改为PicGo-Core

image-20200330131149128

  1. 点击下载或更新

  2. 然后选择打开配置文件(这里需要替换repo和token的设置)

{
  "picBed": {
    "github": {
      "repo": "${github-repo}",
      "token": "${github-token}",
      "path": "img/",
      "customUrl": "",
      "branch": "master"
    },
    "current": "github",
    "uploader": "github"
  },
  "picgoPlugins": {}
}

123456789101112131415
  • repo 建立一个仓库 如下图(这里我仓库已经建好了)

    image-20200330141409488

    得到"repo": “chengcodeX/cloudimg”,

  • 获取token https://github.com/settings/tokens

    image-20200330140832810

    image-20200330140905591

    然后点击image-20200330140924640

    image-20200330140940117

    得到 "token": "2bda0144223a0762be559843510e26de71ac5d59",

    最后获得全部设置

    {
      "picBed": {
        "github": {
          "repo": "chengcodeX/cloudimg",
          "token": "2bda0144223a0762be559843510e26de71ac5d59",
          "path": "img/",
          "customUrl": "",
          "branch": "master"
        },
        "current": "github",
        "uploader": "github"
      },
      "picgoPlugins": {}
    }
    1234567891011121314
    
  1. 设置完后点击验证图片上传选项。

如图表示设置成功

最后设置

image-20200330141113467就可以自动上传了

typora + PicGO + Gitee

typora工具使用很方便,唯一一点不足就是插入图片,之前一直使用本地相对路径保存,但是markdown复制到博客等网络平台,图片就会无法显示,就算一个图一个图的复制粘贴上去,想移植到其他的博客网站,图就会失效,我们就需要图床

图床是干什么的? 图床就是一个便于在博文中插入在线图片连接的个人图片仓库。设置图床之后,在自己博客中插入的图片链接就可以随时随地在线预览了,并且不会因为任何意外原因无法查看,除非自己亲自删除。

神奇的PicGo就是为了解决这个问题诞生的,它可以将图片上传到指定的图床上,然后返回markdown链接,直接粘贴到你的文档中,就搞定啦

问题又来了,网上推荐七牛云阿里云都是要租赁服务器的,太麻烦还要钱,微博现在挂链接又很厉害。大部分人选择用github,但是github虽好却是国外的网站,速度终究比不上国内网站,研究了小半天,终于发现完美的解决方案

最终选择使用typora + PicGO + Gitee组合

废话说到这里,开始进入正题

1. 安装

  • PicGo
  • picgo-plugin-gitee-uploader插件
  • nodejs

nodejs是picGO的运行环境需要,picgo是上传工具,gitee插件是因为默认没有gitee连接工具,需要安装。

安装Node js

这里注意一下,必须要先安装node.js才能安装插件,没装的自己装一下,然后重启就行。node.js软件在文件夹里,自取node-v12.19.0-x64

安装PicGo

首先打开picgo官网,下载安装包PicGo,讲道理,真的是太慢了,所以存到了文件夹里,自取PicGo-Setup-2.2.2

将插件设置里,时间戳重命名打开。否则相同图片文件名上传会失败。我怕麻烦,就尽情重复好了。

image-20201027221531125

安装picgo-plugin-gitee-uploader

安装之后打开主界面

image-20201027213450191

选择最底下的插件设置,搜索gitee

image-20201027213906267

这两个都能用,我安装的是右边那个。


2. 建立gitee图床库

注册码云的方法很简单,网站引导都是中文,不多说了,我们直接建立自己的图床库。

点击右上角的+号,新建仓库

img

新建仓库的要点如下:

  1. 输入一个仓库名称
  2. 其次将仓库设为公开
  3. 勾选使用Readme文件初始化这个仓库

这个选项勾上,这样码云会自动给你的仓库建立master分支,这点很重要!!! 我因为这点折腾了很久,因为使用github做图床picgo好像会自动帮你生成master分支,而picgo里的gitee插件不会帮你自动生成分支。

img

点击创建


3. 配置PicGo

安装了gitee-uploader 1.1.2插件之后,我们开始配置插件

配置插件的要点如下:

img

  • repo:用户名/仓库名称,比如我自己的仓库leonG7/blogImage,也可以直接复制仓库的url

    img

  • branch:分支,这里写上master

  • token:填入码云的私人令牌

  • path:路径,一般写上img

  • customPath:提交消息,这一项和下一项customURL都不用填。在提交到码云后,会显示提交消息,插件默认提交的是 Upload 图片名 by picGo - 时间

这个token怎么获取,下面登录进自己的码云

  1. 点击头像,进入设置

img

  1. 找到右边安全设置里面的私人令牌

img

  1. 点击生成新令牌,把projects这一项勾上,其他的不用勾,然后提交

img

这里需要验证一下密码,验证密码之后会出来一串数字,这一串数字就是你的token,将这串数字复制到刚才的配置里面去。

img

注意:这个令牌只会明文显示一次,建议在配置插件的时候再来生成令牌,直接复制进去,搞丢了又要重新生成一个。

现在保存你刚才的配置,然后将它设置为默认图床,大功告成。

4. typora自动上传图片配置

经试验发现,从网上拷贝的图片会自带网上图片链接,网上的图片说不好哪天就被和谐了,既然是写文档当然要永久保存的,打不开图片就很糟心了。目前采取的措施是先全部在本地相对路径保存,然后全部上传

打开typora,点开左上角文件,选择偏好设置,按照下图设置

image-20201027224612010

点击下面的验证图片上传选项,上传成功!

上传的方法也很简单,将图片复制进去typora就会自动保存到本地文件夹,可以单独右键点击上传,更推荐,全部编辑后,使用【格式】->【图像】->【上传所有图片】

image-20201027225412808

可能面临的一些错误

错误排查

错误一:Failed to fetch

image-20200318140841085

这个错误一般是由端口设置错误造成的,至于我为什么知道,你看看log文件就懂了。打开picgo的log文件。错误提示是端口繁忙。
img

解决方法:打开picgo设置,点击设置Server选项,将端口改为36677端口,这是picgo推荐的默认端口号,然后保存,成功。

img

不过有的时候,我们的老朋友Failed to fetch还是如约而至,打开端口设置一看,怎么变成了366771????

问题在于端口冲突,如果你打开了多个picgo程序,就会端口冲突,picgo自动帮你把36677端口改为366771端口,导致错误。log文件里也写得很清楚。

img

解决方法先把picgo中的端口设置改回36677,然后退出所有picgo程序,再使用typora上传功能(会自动启动picgo程序)

错误二:{“success”,false}

img
这个错误相信也有很多小伙伴遇到了,原因是文件名冲突了,如果你上传过一张image1.jpg的图片,再上传名称一样的图片就会失败,康康log文件(感谢日志!)里也写到了。

img
办法也很简单,打开picgo设置,将**【时间戳重命名】打开**。如图所示:
img

再次上传文件,上传成功~

授人以鱼不如授人以渔,上面的三种情况解决方法教给大家了,但是错误总是千奇百怪层出不穷的,如果下次出现上传错误的提示,请大家找到picgo的log文件,自己查看问题的原因嗷

img

错误三 : 网络图片无法上传

image-20201027222122078

最后推荐一下我的博客写作套件Typora + PicGo + Snipaste,Typora写文档,Snipaste一键截图,PicGo一键上传图片返回链接。

©️2020 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页