(5.1)Typora——Typora 图像保存和上传( 本地 + PicGo + SMMS/Gitee)
Typora 相关应用见
Typora——MarkDown格式文本编辑器
typora中的图片显示都是依赖于相对路径或绝对路径读取的,如果不设置专门的文件夹保存图片容易造成丢失而无法读取。
官方手册:Upload Images
一、保存到本地
1、创建图像文件夹
在自己想要的位置创建一个存放图片的文件夹 images
2、配置
① Typora → 文件 → 偏好设置 → 图像,设置对应框
② Typora → 格式 → 图像 → 当插入图片时 → 勾选复制图片到文件夹
二、上传到图床
官网指导:配置手册 | PicGo
解决方案其实就是每次将图片上传到一个图床。图床有很多,如 SMMS、Gitee、Giyhub 图床等等。
在图片上传中列出两种上传方式:
- PicGo-Core(Command line)配置上传(以SMMS图床为例)
- PicGo(app)上传(以Gitee图床为例)
都可以尝试一下。
1、配置上传(以SMMS为例)
(1)下载 PicGo-Core
文件 → 偏好设置 → 图像 → 上传服务 PicGo-Core(Command line)→ 下载或更新
(2)注册 SM.MS 账户
打开网址 :Register - SM.MS - Simple Free Image Hosting
注册一个账户,完成后登录
① 进入用户界面
② 单击灰色框,会出现一串字符(后面配置有用)
(3)配置
① 打开配置文件
② 复制以下代码作为配置文件的内容
{
"picBed": {"uploader": "smms", // 代表当前的默认上传图床为 SM.MS,"smms": {"token": "API Access:Secret Token" // 从https://sm.ms/home/apitoken获取的token}},"picgoPlugins": {} // 为插件预留
}
③ 保存代码并进行方框的设置,最后 验证图片上传选项
④ 等待验证结束
PS:如果这里验证失败也没事!!打开一个Typora页面,插入一张图,如果发现链接不是本地,而是“http://”之类的,就说明成功上传到图床了
(4)使用
如果成功的话,设置使每次插入图片都对图片进行上传
2、PicGo(app)上传(以Gitee为例)
(1)注册
官网链接:Gitee - 基于 Git 的代码托管和研发协作平台
注册完成后进入页面
(2)创建仓库并初始化readme
- 两个地方都可以创建仓库
初始化readme
进入仓库并初始化readme
(3)获取令牌口令
① 进入设置页面
② 私人令牌 - 生成新令牌
② 复制字符串,口令只会生成一次,忘记的话需要重新设置
(4)下载 Pic-Go
github链接:Releases · Molunerfinn/PicGo · GitHub
(5)下载插件 Gitee + Node.js
如果插件安装失败,参考博客解决:PicGo插件安装失败,失败码为1(404)
① 插件设置 - 搜索插件 Gitee
② 点击安装会弹出一个框,单击“是”后将跳转到 Node.js 下载界面。下载并安装。
③ 重启 PicGo ,安装 gitee 插件
(6)设置图床
图床设置 - Gitee 图床,进行相关配置
(7)测试
打开 Typora → 文件 → 偏好设置 → 图像,进行方框中的设置,完成后点击“验证图片上传选项”
验证成功即可以正确上传图像
如果失败可以到 PicGo 查看日志文件,看报错原因
PS:如果这里验证失败也没事!!打开一个Typora页面,插入一张图,如果发现链接不是本地,而是“http://”之类的,就说明成功上传到图床了
(8)使用
如果成功的话,设置使每次插入图片都对图片进行上传
三、其他图床
1、Gitee图床+不同插件
关于repo地址,打开自己的Gitee图床,复制地址
- 插件github-plus
- 插件gitee-uploader
四、问题小结
1、上传失败:Not Found Project
报错
"error":"{\"message\":\"Not Found Project\"}"
解决方案见 解决:PicGo 上传图床 Gitee 时报错 Not Found Project
2、上传失败:A file with this name already exists
报错
"error":"{\"message\":\"A file with this name already exists\"}"
解决方案见 解决:PicGo 上传图床报错 A file with this name already exists
3、启动失败:A JavaScript error occurred in the main process
PicGo启动不了,一旦启动就报错如下图
A JavaScript error occurred in the main process
Cannot read property 'push' of undefiened
# 同类问题解决
The 'path' argument must be of type string.Received type undefined
解决方案见 解决:PicGo启动失败-Cannot read property ‘push‘ of undefiened(A JavaScript error occurred in the main proce
4、未登录:You must be logged in to use
出现这个问题可能是太久未使用或更新过,信息被清了,按照前面的方法重新部署一下即可
5、PicGo插件安装失败,失败码为1
如果插件安装失败,先显示“安装中”,随后又变为显示“安装”,而不是“已安装”
参考博客解决:PicGo插件安装失败,失败码为1(404)
6、其他
如果报出其他错误,可以尝试换一个图床,或者换一个插件,参考第三大板块:其他图床
参考链接:
Typora笔记上传到CSDN图片问题解决
typora免费将图片上传到CSDN
Typora图片保存到本地
(5.1)Typora——Typora 图像保存和上传( 本地 + PicGo + SMMS/Gitee)相关推荐
- vue 移动端头像裁剪_vue头像上传裁剪组件_一个漂亮的Vue组件,用于图像裁剪和上传...
vue头像上传裁剪组件 vue-image-crop-upload (vue-image-crop-upload) A beautiful vue component for image crop a ...
- Typora如何把图片上传到图床smms.app
Typora 下载地址:百度云 官方下载 PicGo 下载地址:百度云 官方下载 免费图床 smms.app 访问地址:https://smms.app/ 用Typora平时做笔记挺好用,但是插入 ...
- PHP base64 编码转化图片并进行指定路径的保存和上传处理
背景 前两天在做图片上传的功能优化,发现了一个效果比较好的 JQuery 插件(H5移动前端图片批量压缩上传),看其中的介绍是使用了 base64 编码的方式进行上传 个人在使用过程中,做了简单处理, ...
- Git工具管理和上传本地项目和GitHub的使用
一.下载并安装Git 下载地址:https://git-scm.com/downloads 二.安装Git 选择添加环境变量: 然后其他的基本上默认即可.... 安装完成后,桌面右键有git选项 三. ...
- github使用教程:通过git上传本地项目
众所周知GitHub是一个面向开源及私有软件项目的托管平台,所以我们除了在上面找别人的开源项目之外还可以通过github去管理自己的项目.下面介绍如何将本地仓库的程序上传到github上. Git下载 ...
- Typora+gitee+PicGo+坚果云 实现Typora文件的保存完整保存
一直在用Typora,自认为是最好用的markdown编辑器之一,但是比较狗的是不能实现云存储,这两天,因为可能存在换电脑写文档的问题,所以打算把它好好整理整理. 坚果云实现文件云同步 因为我同步的只 ...
- Typora——恢复未保存文件解决方案
运行环境 解决方案 在Typora文件菜单中,最下方有一个偏好设置 点进去之后,找到系统设置,点击恢复未保存的文件,进入的文件夹中会有根据时间日期生成的文件, 找到你自己需要的就可以了. 参考文章 T ...
- typora 备份与恢复未保存的文章
typora 备份与恢复未保存的文章 前言 今天因为不小心关机了,重新打开typora发现文章没有保存,经过简单查询,知道了如何找到最近编辑的文章记录恢复没有保存的文章 恢复文章 [打开偏好设置]点击 ...
- 从零开始免费搭建自己的博客(五)——Typora + PicGo + GitHub/Gitee图床
本文是博客搭建系列文章第五篇,其他文章链接: 从零开始免费搭建自己的博客(一)--本地搭建 Hexo 框架 从零开始免费搭建自己的博客(二)--基于 GitHub pages 建站 从零开始免费搭 ...
最新文章
- 运行程序报“应用程序配置不正确”或者缺少运行库造成程序不可移植的问题...
- Elasticsearch-单机部署避坑指南
- 熟读《阿里巴巴java开发手册》(五、 MySQL 数据库)
- JZOJ 5623. 【NOI2018模拟4.2】program
- 【专升本计算机】甘肃省专升本计算机基础--判断题--汇编(737道带答案)
- 腾讯云服务器数据盘买多了,腾讯云Windows云服务器数据盘分区和格式化
- mac pycharm安装设置_Mac系统Python、PyCharm安装及使用方法详解
- OpenJudge NOI 1.8 17:最好的草
- 用户-第三方支付公司-银行 资金流动过程
- java基数排序简单实现_基数排序简单Java实现
- 软测基础相关知识回顾
- Java 利用 split 方法切割字符串
- python字典统计字母出现次数_第三篇 python运用字典统计字符串中字母出现的次数...
- Windows系统快速查找文件
- 值得看三次的高干文_值得看三次的高干文,熬夜都要看
- 复选框判断是否选中及获取值
- 推荐系统论文笔记---Neural News Recommendation with Attentive Multi-View Learning
- 新品速看丨创新微MinewSemi正式推出GNSS高精度卫星定位导航模块
- 【0】Docker---认识Docker
- WC2015 酱油记