Typora+PicGo:解决markdown图片插入问题

众所周知,markdown作为一款轻量级标记语言,排版语法简洁,用来记笔记、写博客、文章等非常清爽。但与此同时,纯文本编辑的特性使得它在插入图片时非常不优雅。若采用本地图片,需要图片文件跟着文档走才能正常显示;而采用图床及在线图片时,手动添加链接又十分繁琐。

Typora是一款非常优秀的markdown编辑软件,结合PicGo连接Gitee图床,能够将插入的图片自动上传并转为在线图片。在编辑图文并茂的markdowm文档时,将更加轻松、优雅。

1.安装typora

建议在官网下载

2.创建图床仓库

需要有gitee账户,没有的自行去官网注册即可。

登入账户后,点击右上角的+号,选择新建仓库

image-20211029160112337

自己设置一个仓库名称,并选择开源(所有人可见);点击创建按钮。

image-20211029160553763

3.获取GItee私人令牌

点击Gitee页面右上角的头像,选择设置->私人令牌->+生成新令牌,根据提示完成后得到的令牌为一串字符(建议只勾选projects)。保存好这串字符,退出该页面就看不到了

image-20211029161910744

image-20211029163704437

3.设置typora

打开typora->文件->偏好设置->图像,更改上传服务PicGo-Core(command line),如需要插入图片时自动上传,更改红框处为上传图片即可,否则也可以在编辑时用右键菜单手动上传。

点击下载或更新,根据提示完成PicGo的安装。

image-20211029164215372

点击打开配置文件,参考如下修改配置:

{
  "picBed": {
    "current": "gitee",
    "uploader": "gitee",
    "gitee": {
      "branch": "master",
      "customPath": "yearMonth",
      "customUrl": "",
      "path": "仓库下的文件库(例如 typora)",
      "repo": "用户ID/仓库名(例如 ycliu96/blog-pic)",
      "token": "前面在gitee上申请的私人令牌"
    }
  },
  "picgoPlugins": {
    "picgo-plugin-gitee-uploader": true
  },
}

4.安装PicGo的Gitee图床插件

PicGo没有内置GItee图床,需要自己安装插件。找到picgo可执行文件,安装gitee-uploader即可

  • linux系统一般为~/.config/Typora/picgo/linux/picgo

    ctrl+alt+T打开终端,在home下执行

    ./.config/Typora/picgo/linux/picgo install gitee-uploader
    
  • windows系统一般在C:\Users\用户名\AppData\Roaming\Typora\picgo\win64\下:

    进入该目录->在资源管理器的地址栏输入cmd打开终端(也可以直接打开cmdpoweshell在用cd命令进入该路径)->执行

    .\picgo.exe install gitee-uploader
    

若安装失败,需根据系统安装Node.js环境,安装完成后再重试以上操作官网下载 | Node.js (nodejs.org)

5.测试

同样打开文件-偏好设置-图像,点击下方的验证图片上传选项即可,typora会向图床中上传typora的logo。

posted @ 2021-10-29 17:11  叶小蜗  阅读(200)  评论(0编辑  收藏  举报