Typora 常用设置选项

设置图片自动上传 github

转到文件->偏好设置->图像
按照以下示例，首先选好对应的上传服务，之后再下载更新文件

打开配置文件；
- repo 输入格式：wing/h-note，前者为 github 用户名, 后者为目录名
- path 路径为图片上传的路径，下列表示在当前目录的 img 目录下

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

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

进入 github，按照以下操作
- 点击头像-->点击 settings-->点击 Developer settings-->点击 Personal access tokens-->点击 create new token-->输入 token 的名字-->仅勾选 repo 选项即可；

之后点击创建，复制给出的 token，token 刷新之后再也无法看见，注意保存好，最后将 token 输入到配置文件的对应位置即可；

设置好之后点击测试是否可以上传了，可能会上传失败，可以多试几次

我的最终配置：

{
  "picBed": {
    "github": {
      "repo": "wing/h-note",
      "token": "e53233d92e704ec4529ba1ec37d34dd43f7f96d7",
      "path": "image/",
      "customUrl": "",
      "branch": "master"
    },
    "current": "github",
    "uploader": "github"
  },
  "picgoPlugins": {}
}

{
  "picBed": {
    "github": {
      "repo": "wing/h-note",
      "token": "e53233d92e704ec4529ba1ec37d34dd43f7f96d7",
      "path": "image/",
      "customUrl": "",
      "branch": "master"
    },
    "current": "github",
    "uploader": "github"
  },
  "picgoPlugins": {}
}

参考博客：https://blog.csdn.net/xiaozecheng/article/details/105197126

配置 Typora 样式文件

进入文件-->偏好设置-->外观-->打开主题文件夹
创建 base.user.css 文件
在 Typora 工具中，按 shift+f12 打开开发者工具
使用箭头选中元素，复制对应的类名，修改样式即可

配置自动上传到七牛云

typora+picgo+七牛云实现图片上传