Typora的图片解决方案

---

title: “Typora的图片解决方案”
createTime: 2022-01-05T10:06:39+08:00
updateTime: 2022-01-05T10:06:39+08:00
publish: true
draft: false
author: “name”
tags: [“typora”]
categories: [“software”]
description: “测试的”

typora 图片问题

一.typora 困惑

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

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

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

• https://xxx.xxx.com:port/markdown/img/2020-06-07/174524_d0306553f4.png 像这样地址 你的小伙子就可以访问喽

3. 先把图片放到网上 然后把访问地址 填写到图片信息中 （这种方案太麻烦了，比较费时费事，轻松解决方案请看下面）

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

1. 下载picGO

• 地址： https://github.com/Molunerfinn/PicGo/releases
• 请下载对应的版本
• 

2. 安装picGo

• 下载的 picGo安装包
  

• 双击进行安装
  

• 选择安装位置 点击安装
  

• 安装完成 运行
  

• 设置picgo

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

  

• 打开自定义web图床

  

• 设置图床

3. 进行typora设置

4. 偏好设置页面

5. 点击图像 设置picgo

! image-20200607183127692

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

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

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

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

安装cnpm

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

安装pic-core

cnpm install picgo -g

安装web-upload

picgo install web-uploader

修改 pic-core 的json

• vim ~/.picgo/config.json

  {
    "picBed": {
      "current": "web-uploader",
      "uploader": "web-uploader",
      "smms": {
        "token": ""
      },
      "web-uploader": {
        "customBody": null,
        "customHeader": null,
        "jsonPath": null,
        "paramName": "file",
        "url": "http://xx.xx.xxx:10000/xxx/upload/fileUpload"
      }
    },
    "picgoPlugins": {
      "picgo-plugin-web-uploader": true
    }
  

修改picgo命令

• which picgo

zhu@zhu-PC:~/software/node/node-v14.15.0-linux-x64/bin$ which picgo
/home/zhu/software/node/node-v14.15.0-linux-x64/bin/picgo

• 修改 picggo (第一行)

#!/usr/bin/env /home/zhu/software/node/node-v14.15.0-linux-x64/bin/node
const path = require('path')
const minimist = require('minimist')
const argv = minimist(process.argv.slice(2))
let configPath = argv.c || argv.config || ''
if (configPath !== true && configPath !== '') {
  configPath = path.resolve(configPath)
} else {
  configPath = ''
}
const PicGo = require('../dist/src/index')
const picgo = new PicGo(configPath)
picgo.registerCommands()

try {
  picgo.cmd.program.parse(process.argv)
} catch (e) {
  picgo.log.error(e)
  if (process.argv.includes('--debug')) {
    Promise.reject(e)
  }
}

测试

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

typora配置