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)相关推荐

  1. vue 移动端头像裁剪_vue头像上传裁剪组件_一个漂亮的Vue组件,用于图像裁剪和上传...

    vue头像上传裁剪组件 vue-image-crop-upload (vue-image-crop-upload) A beautiful vue component for image crop a ...

  2. Typora如何把图片上传到图床smms.app

    Typora 下载地址:百度云  官方下载 PicGo 下载地址:百度云  官方下载 免费图床 smms.app 访问地址:https://smms.app/ 用Typora平时做笔记挺好用,但是插入 ...

  3. PHP base64 编码转化图片并进行指定路径的保存和上传处理

    背景 前两天在做图片上传的功能优化,发现了一个效果比较好的 JQuery 插件(H5移动前端图片批量压缩上传),看其中的介绍是使用了 base64 编码的方式进行上传 个人在使用过程中,做了简单处理, ...

  4. Git工具管理和上传本地项目和GitHub的使用

    一.下载并安装Git 下载地址:https://git-scm.com/downloads 二.安装Git 选择添加环境变量: 然后其他的基本上默认即可.... 安装完成后,桌面右键有git选项 三. ...

  5. github使用教程:通过git上传本地项目

    众所周知GitHub是一个面向开源及私有软件项目的托管平台,所以我们除了在上面找别人的开源项目之外还可以通过github去管理自己的项目.下面介绍如何将本地仓库的程序上传到github上. Git下载 ...

  6. Typora+gitee+PicGo+坚果云 实现Typora文件的保存完整保存

    一直在用Typora,自认为是最好用的markdown编辑器之一,但是比较狗的是不能实现云存储,这两天,因为可能存在换电脑写文档的问题,所以打算把它好好整理整理. 坚果云实现文件云同步 因为我同步的只 ...

  7. Typora——恢复未保存文件解决方案

    运行环境 解决方案 在Typora文件菜单中,最下方有一个偏好设置 点进去之后,找到系统设置,点击恢复未保存的文件,进入的文件夹中会有根据时间日期生成的文件, 找到你自己需要的就可以了. 参考文章 T ...

  8. typora 备份与恢复未保存的文章

    typora 备份与恢复未保存的文章 前言 今天因为不小心关机了,重新打开typora发现文章没有保存,经过简单查询,知道了如何找到最近编辑的文章记录恢复没有保存的文章 恢复文章 [打开偏好设置]点击 ...

  9. 从零开始免费搭建自己的博客(五)——Typora + PicGo + GitHub/Gitee图床

    ​ 本文是博客搭建系列文章第五篇,其他文章链接: 从零开始免费搭建自己的博客(一)--本地搭建 Hexo 框架 从零开始免费搭建自己的博客(二)--基于 GitHub pages 建站 从零开始免费搭 ...

最新文章

  1. 运行程序报“应用程序配置不正确”或者缺少运行库造成程序不可移植的问题...
  2. Elasticsearch-单机部署避坑指南
  3. 熟读《阿里巴巴java开发手册》(五、 MySQL 数据库)
  4. JZOJ 5623. 【NOI2018模拟4.2】program
  5. 【专升本计算机】甘肃省专升本计算机基础--判断题--汇编(737道带答案)
  6. 腾讯云服务器数据盘买多了,腾讯云Windows云服务器数据盘分区和格式化
  7. mac pycharm安装设置_Mac系统Python、PyCharm安装及使用方法详解
  8. OpenJudge NOI 1.8 17:最好的草
  9. 用户-第三方支付公司-银行 资金流动过程
  10. java基数排序简单实现_基数排序简单Java实现
  11. 软测基础相关知识回顾
  12. Java 利用 split 方法切割字符串
  13. python字典统计字母出现次数_第三篇 python运用字典统计字符串中字母出现的次数...
  14. Windows系统快速查找文件
  15. 值得看三次的高干文_值得看三次的高干文,熬夜都要看
  16. 复选框判断是否选中及获取值
  17. 推荐系统论文笔记---Neural News Recommendation with Attentive Multi-View Learning
  18. 新品速看丨创新微MinewSemi正式推出GNSS高精度卫星定位导航模块
  19. 【0】Docker---认识Docker
  20. WC2015 酱油记

热门文章

  1. Java POI 导入Excell
  2. 从零开始学习NLP - 综述与论文查找指南(待更新)
  3. 伤害世界不显示服务器,伤害世界肿么开服务器
  4. thinkphp + 腾讯云名片识别
  5. WKWebView预初始化
  6. 抖音直播带货后如何复盘?抖音直播间高效复盘法
  7. 增长模型拆解:分享有礼裂变玩法的底层逻辑与细节设计
  8. 不小心设置了xml文件中的namespace(xmln)如何取消
  9. web安全基础之HTTP
  10. 如何使用PTGUI全景合成软件进行照片拼接