typora中的图片处理20200622

食用建议

typora作为markdown的书写神器，一般习惯的流程是在typora中写完，然后复制粘贴到博客园中，然而，markdown中图片采用的是本地连接形式，依旧需要再次上传图片，很麻烦，这里给出两条解决方案，一种是利用博客园推荐的书写文件——live write，在typora中书写完后，直接粘贴复制到live writer中上传，其图片会自动上传到博客园的图床上，另一种是采用另建图床的的方式，除此之外，本文还推荐随手保留一份typora的源文件（图片另存于单独存放在文件夹中）

一、live witer

在typora中书写完成后，直接粘贴复制到live writer中，可以直接发布,另外更新后的live write已经支持标签、摘要等

ps：注意图片的尺寸问题

参考文章

二、使用Picgo搭配github建立个人图床并用typora上传

1、软件的选用

  • Github 这里选用github作为图床，尽管有一些专门的图床，但总感觉有些麻烦，可以上网站上查一下相关的图床。ps：不知道是不是由于github的网速问题，上串比较慢。

  • Picgo picgo在这里充当的是一个桥梁的角色，负责在typora与图床的连接

2、参考教程

前者主要讲述了picgo的相关配置过程，比较优于其他的是没有使用额外的插件，直接手动配置，而且操作简单（如果安装插件的话，还要按章NODE，感觉对新手不太友好

后者比较有用的地方在于——使用picgo配置时，容易出错，如验证时的重复上传图片会报错等问题，后者给了一些参考，点赞

3、踩的一些坑
1、picgo的Github的配置过称名字一定要写规范（尤其是空格)


三、typora的本地存储问题

尽管上述方法解决了相关的图片上传问题，但感觉还是备份一份本地文件比较好（感觉博客排版贼难看，而typora可以封装相应的html文件，后面自己搭建网站时可能用的上）

这里采用的方法时将typora中引用的图片单独存放于一个文件夹中（文件夹与.md文件存放于同一目录下，且同名）

ps：有时可能需要手动复制


备注：博客园发布的博客的排版好丑

typora中的图片处理20200622的更多相关文章

  1. Typora中本地图片无法上传CSDN解决方案

    解决方法 本地图片无法上传,我们可以选择使用在线免费图床 把想要使用的图先上传到图床后复制对应的MarkDown语句到typora即可 在这里,给大家推荐一个图床 [图床链接](Image Uploa ...

  2. Typora配置双击图片放大功能

    在Typora中,默认没有点击图片放大功能,本文就教大家如何配置该功能. 我的环境版本 Typora版本:0.11.13 LightBox版本:2.11.3 下载LightBox 可以从Github下 ...

  3. Python+Typora博客图片上传

    简介 用Typora 写Markdown 1年多了,这个编辑器的确很好用,但就是写完博客复制到博客园时要一个个手动插替换图片非常麻烦.后来发现最新版的Typora 已经支持图片上传功能,在 设置-图像 ...

  4. 技术人的福音！教你如何使用Typora+PicGo实现图片自动上传功能

    前言 写技术文章的小伙伴,对于 Typora 肯定不陌生,用来编写 Markdown 特别的方便. 但是,有个问题,就是当我们插入一个图片,并且使之可以在公网访问时,操作流程特别的麻烦. 首先,你需要 ...

  5. Typora+PicGo-Core实现图片自动上传gitee图床

    说明: 使用gitee作为图床: 客户机为Mac M1: Typora版本:1.0.2 (5990). gitee配置步骤 需要拥有一个gitee账号,创建一个公有仓库用于存储图片,然后需要生成一个t ...

  6. 超好用的Markdown编辑器Typora中的常见语法

    目录 下载网址 安装 一.标题 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 二.语法环境 三.单选 四.字体 五.分割符 六.列表 七.图片引入 八.表格 九.超链接 下载网址 正版中 ...

  7. Typora中Markdown学习

    Typora中Markdown学习 标题 可以自己设置标题级数,且各标题之间可在大纲处看到鲜明的层级关系,非常方便清楚. "#"--一级标题 "##"--二级标 ...

  8. Typora原生态的图片格式快速转化为HTML格式

    Typora更改图片样式 前言 ​ 在Typora中插入的图片,默认是居中且显示原图大小的,如果想要缩小显示,可以右击图片选择缩放图片. ​ 但是,当我上传到博客园中时,并没有保留 居中.缩放 的样式 ...

  9. Open Xml 读取Excel中的图片

      在我的一个项目中,需要分析客户提供的Excel, 读出其中的图片信息(显示在Excel的第几行,第几列,以及图片本身). 网络上有许多使用Open Xml插入图片到Word,Excel的文章, 但 ...

随机推荐

  1. [JavaWeb基础] 024.Socket编程之简单的聊天程序

    1.Socket的简介 1)什么是Socket 网络上的两个程序通过一个双向的通讯连接实现数据的交换,这个双向链路的一端称为一个Socket.Socket通常用来实现客户方和服务方的连接.Socket ...

  2. ### MySQL主从搭建Position

    一.MySQL主从搭建 搭建主从架构的MySQL常用的有两种实现方式: 基于binlog的fileName + postion模式完成主从同步. 基于gtid完成主从同步搭建. 本篇就介绍如何使用第一 ...

  3. Java Spring Cloud 实战之路 - 1 创建项目

    0. 前言 该项目使用Maven进行管理和构建,所以需要预先配置好Maven.嗯,在这个系列里就不做过多的介绍了. 1. 创建项目 先创建一个pom.xml 文件,添加以下内容: <?xml v ...

  4. WebSocket是什么，有什么作用和特点？

    WebSocket是一种在单个TCP连接上进行全双工通信的协议. Websocket是基于HTTP协议的,或者说借用了HTTP的协议来完成一部分握手.具有持久化的特性 特点: 保持连接状态.与HTTP ...

  5. ES6-解析赋值

    1.注意事项 A.左右两边结构必须一样 B.右边必须是个东西 C.声明和赋值不能分开(必须在一句话里完成) 2.代码如下 <!DOCTYPE html> <html lang=&qu ...

  6. jQuery-ajax请求使用

    1.jQuery中的ajax $.ajax({ url:'地址', type:'get/post', data:{}, dataType:'json/jsonp', success:function( ...

  7. Java实现 LeetCode 561 数组拆分 I（通过排序算法改写PS：难搞）

    561. 数组拆分 I 给定长度为 2n 的数组, 你的任务是将这些数分成 n 对, 例如 (a1, b1), (a2, b2), -, (an, bn) ,使得从1 到 n 的 min(ai, bi ...

  8. Java实现 LeetCode 189 旋转数组

    189. 旋转数组 给定一个数组,将数组中的元素向右移动 k 个位置,其中 k 是非负数. 示例 1: 输入: [1,2,3,4,5,6,7] 和 k = 3 输出: [5,6,7,1,2,3,4] ...

  9. 第九届蓝桥杯JavaB组省赛真题

    解题代码部分来自网友,如果有不对的地方,欢迎各位大佬评论 题目1.第几天 题目描述 2000年的1月1日,是那一年的第1天. 那么,2000年的5月4日,是那一年的第几天? 注意:需要提交的是一个整数 ...

  10. Java实现LeetCode_0035_SearchInsertPosition

    package javaLeetCode.primary; public class SearchInsertPosition_35 { public static void main(String[ ...