0
点赞
收藏
分享

微信扫一扫

Typora图片上传 —— PicGo-Core篇

勇敢的趙迦禾 2022-04-23 阅读 100
经验分享

文章目录


Typora图片上传 —— PicGo-Core篇

一、Typora

Typora 是一款支持实时预览的Markdown文本编辑器。它有 WindowsOS XLinux 三个平台的版本,是完全免费的文本编辑器,它支持且仅支持Markdown语法的文本编辑。

二、Markdown

Markdown是一种轻量级标记语言,排版语法简洁,让人们更多地关注内容本身而非排版。它使用易读易写的纯文本格式编写文档,可与HTML混编,可导出 HTML、PDF 以及本身的 .md 格式的文件。因简洁、高效、易读、易写,Markdown被大量使用,如Github、Wikipedia、简书等。

三、为什么Typora需要借助PicGo使用?

由于在Typora中编辑时,插入的图片保存方式为本地路径的方式,当转发md文档时,图片正常都是”丢在了初始的电脑上“,换句话说就是新设备无法看到md文档中的图片。此时可以借助PicGo(图床工具),所谓图床工具,就是自动把本地图片转换成链接的一款工具,PicGo 就是一款比较优秀的图床工具。

四、开始正题

  1. 准备一个Gitee仓库

  2. 准备一个开源Gitee仓库,专门用来存放上传的图片。

    开源仓库

  • 右上角个人头像---->设置---->私人令牌,勾选projects,提交。

私人令牌

  • 保存好私人命令,复制,待会要用。

image-20220423120930318

  1. 设置Typora
  • 插入图片时,选择上传图片,对本地和网络位置的图片应用上述规则(根据自己偏好和需求设置);
  • 上传服务设定,选择PicGo-Core(command line),通过插件上传服务。
  • 点击下载或更新,确保下载完成。

偏好设置

  1. 安装Node.js

Node.js安装传送门:https://nodejs.org/en/

  • 安装完成后,通过cmd命令行node -v查看。

image-20220423113836183

  1. 安装插件
  • 待步骤一下载完成后,找到C:\Users\这里是你的用户名\AppData\Roaming\Typora\picgo\win64目录下的picgo.exe,按住shift同时右击选择在终端打开

image-20220423114914518

能找到上面路径的这里可以跳过不看!!!,如果找不到这个路径,可以通过以下两种方式:
方式一:打开文件资源管理器(此电脑),点击查看,显示已隐藏的项目。

方式一

方式二:通过Everything工具,进行搜索。

  • 分别输入以下安装插件的命令行:
picgo install super-prefix
picgo install gitee-uploader
  • 等待安装成功。

安装插件命令行

  1. 编辑Typora配置文件

image-20220423130848575

  • 编写配置文件。

需要修改的配置:

repo为仓库名,格式为:"用户名/仓库名"

token为私人令牌;

path 为仓库下的文件夹,若没有可以不写;

customUrl为域名,没有可以不写;

branch表示分支,此处默认master就OK。

以下是我的配置文件和仓库结构,可以参考下图我的仓库结构进行配置:

我的配置文件:

{
  "picBed": {
    "uploader": "gitee",
    "gitee": {
      "repo": "xleixz/cloud-notes",
      "token": "",
      "path": "/Typora-Images",
      "customUrl": "",
      "branch": "master"
    }
  },
  "picgoPlugins": {
    "picgo-plugin-gitee-uploader": true,
    "picgo-plugin-super-prefix": true
  },
  "picgo-plugin-super-prefix": {
    "fileFormat": "YYYYMMDDHHmmss"
  },
  "picgo-plugin-gitee-uploader": {
    "lastSync": "2022-04-23 01:08:51"
  }
}

我的仓库结构:

image-20220423132557769

  1. 测试

image-20220423133014817

  • 等待验证,验证成功后,一定要点击下图绿色框框的URL进去看看图片是否能打开

image-20220423133112375

  • 若成功打开显示图片并且仓库中有图片,恭喜你成功了,可以开始使用了(下面就不用看了)。

image-20220423133119798

image-20220423134444456

  • 若打开是验证成功但是出现404页面,并且编辑器图片显示Image load failed ,则说明配置文件有问题。

image-20220423133528771

图片显示Image load failed

image-20220423133920624

若打开是验证成功但是出现404页面,并且编辑器图片显示Image load failed ,则说明配置文件有问题。
image-20220423133528771

图片显示Image load failed
image-20220423133920624

举报

相关推荐

0 条评论