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 困惑
- 本身typora 可以 复制粘贴 图片 进行显示图片 做笔记
- 如果你把这个markdown源文件发送给你的小伙伴的时候他不能看见
-
…/AppData/Roaming/Typora/typora-user-images/image-20200607174432319.png 这个是下面这张图片的地址
是相对地址 只有你自己能够访问 无法分享
- https://xxx.xxx.com:port/markdown/img/2020-06-07/174524_d0306553f4.png 像这样地址 你的小伙子就可以访问喽
- 先把图片放到网上 然后把访问地址 填写到图片信息中 (这种方案太麻烦了,比较费时费事,轻松解决方案请看下面)
二、 typora 与picGo 结合 解决图片方案
1. 下载picGO
- 地址: https://github.com/Molunerfinn/PicGo/releases
- 请下载对应的版本
2. 安装picGo
-
下载的 picGo安装包
-
双击进行安装
-
选择安装位置 点击安装
-
安装完成 运行
-
设置picgo
-
进行插件设置 且下载需要的插件 (额外的插件可以进行官网查询:)
-
打开自定义web图床
-
设置图床
3. 进行typora设置
4. 偏好设置页面
5. 点击图像 设置picgo
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