typora 图片问题

[toc]

一.typora 困惑

  1. 本身typora 可以 复制粘贴 图片 进行显示图片 做笔记
  2. 如果你把这个markdown源文件发送给你的小伙伴的时候他不能看见

  • ../AppData/Roaming/Typora/typora-user-images/image-20200607174432319.png 这个是下面这张图片的地址

    是相对地址 只有你自己能够访问 无法分享

image-20200607174432319

  • https://xxx.xxx.com:port/markdown/img/2020-06-07/174524_d0306553f4.png 像这样地址 你的小伙子就可以访问喽
  1. 先把图片放到网上 然后把访问地址 填写到图片信息中 （这种方案太麻烦了，比较费时费事，轻松解决方案请看下面）

二、 typora 与picGo 结合 解决图片方案

1. 下载picGO

2. 安装picGo

  • 下载的 picGo安装包
    image-20200607181431818

  • 双击进行安装
    image-20200607181529315

  • 选择安装位置 点击安装
    image-20200607181543826

  • 安装完成 运行
    image-20200607181656073

  • 设置picgo

  • 进行插件设置 且下载需要的插件 （额外的插件可以进行官网查询：）

    image-20200607182054457

  • 打开自定义web图床

    image-20200607185703761

  • 设置图床

image-20200607182430834

3. 进行typora设置

image-20200607175455550

4. 偏好设置页面

image-20200607175601517

5. 点击图像 设置picgo

! image-20200607183127692

6. 测试 复制图片进行测试 上传图片

image-20200607183514769

  • 如果图片地址发生改变 则成功

image-20200607183715920

  • 如果图片地址未发生改变 则失败 请看一下是否步骤有缺

三、命令行方式 （装好node 配置好环境变量）

安装cnpm

1npm install -g cnpm --registry=https://registry.npm.taobao.org

安装pic-core

1cnpm install picgo -g

安装web-upload

1picgo install web-uploader

修改 pic-core 的json

  • vim ~/.picgo/config.json

     1{
 2  "picBed": {
 3    "current": "web-uploader",
 4    "uploader": "web-uploader",
 5    "smms": {
 6      "token": ""
 7    },
 8    "web-uploader": {
 9      "customBody": null,
10      "customHeader": null,
11      "jsonPath": null,
12      "paramName": "file",
13      "url": "http://xx.xx.xxx:10000/xxx/upload/fileUpload"
14    }
15  },
16  "picgoPlugins": {
17    "picgo-plugin-web-uploader": true
18  }

修改picgo命令

  • which picgo
1zhu@zhu-PC:~/software/node/node-v14.15.0-linux-x64/bin$ which picgo
2/home/zhu/software/node/node-v14.15.0-linux-x64/bin/picgo
  • 修改 picggo (第一行)
 1#!/usr/bin/env /home/zhu/software/node/node-v14.15.0-linux-x64/bin/node
 2const path = require('path')
 3const minimist = require('minimist')
 4const argv = minimist(process.argv.slice(2))
 5let configPath = argv.c || argv.config || ''
 6if (configPath !== true && configPath !== '') {
 7  configPath = path.resolve(configPath)
 8} else {
 9  configPath = ''
10}
11const PicGo = require('../dist/src/index')
12const picgo = new PicGo(configPath)
13picgo.registerCommands()
14
15try {
16  picgo.cmd.program.parse(process.argv)
17} catch (e) {
18  picgo.log.error(e)
19  if (process.argv.includes('--debug')) {
20    Promise.reject(e)
21  }
22}

测试

1zhu@zhu-PC:~/Desktop$ picgo upload aaa.png    (aaa.png是需要上传的图片)
2[PicGo INFO]: Before transform
3[PicGo INFO]: Transforming...
4[PicGo INFO]: Before upload
5[PicGo INFO]: Uploading...
6[PicGo SUCCESS]: 
7https://img.dongshanxia.top:35000/img/2020-11-05/022238_VgZ3jngx62.png

typora配置

image-20201105103729573