文章目录

  • 一、工具使用
    • 语言使用:MarkDown
      • 简介
      • 使用原因
      • 使用方法
    • 软件使用:Typora
      • 简介
      • 环境设置搭建
        • 1)搭建图床
        • 2)配置PicGo
        • 3)配置typora
        • 4)测试
          • 图片上传测试
          • 平台兼容测试
      • BUG消除
        • Failed to fetch
        • “success”:false

一、工具使用

语言使用:MarkDown

简介

Markdown是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档。

由于Markdown的轻量化、易读易写特性,并且对于图片,图表、数学式都有支持,许多网站都广泛使用Markdown来撰写帮助文档或是用于论坛上发表消息。

使用原因

由于MarkDown的特性,它已经成为非常流行的文本编辑语言。Github的文档就用MarkDown写的(比如现在这篇文章)。因此,我们写完学习笔记后,可直接复制到自己喜欢的博客平台发表,方便分享、同步,沉淀积累。

使用方法

Markdown 语法教程

Markdown 语法快速入门手册

软件使用:Typora

我们将使用

Typora(主体) + PicGo(辅助),还有PicGo的插件运行环境Node.js

点击蓝名进入官网下载

简介

Typro这款MarkDown编辑器非常的轻量化,并且支持实时渲染显示,不用再受分屏预览的苦恼,并且支持连接图床,这将使我们可以将自己的文章连文带图地实现一键复制全平台兼容同步。

而Picgo是一个用于快速上传图片并获取图片 URL 链接的工具

我们将使用PicGo将Typora中的图片上传到云仓库,并将本地图片链接改写为网络图片链接,以便于对图片进行全平台兼容

环境设置搭建

1)搭建图床

基于普适与快速的理念,建议使用Gitee作为图片仓库。

首先创建一个公共仓库(注意,Gitee建仓默认属性为私有)

然后进入个人主页,进入私人令牌,右上角点击生成新令牌,记录下来

2)配置PicGo

打开软件,点击插件设置,搜索gitee,安装

点击PicGo设置

点击进入图床设置里的Gitee图床设置,依次填入信息,以(1)步骤为准

3)配置typora

4)测试

图片上传测试

点击上传测试图片

进入PicGo相册确认是否有测试图片

再进入码云gitee的图片仓库确认一下,是否有上传

当用typora写好文章后,一次性上传文章中所有的本地图片到图床(即码云的图片仓库),之后就可以复制Typora文章的源代码,分别粘贴到CSDN、微信公众号、博客园、简书等平台的markdown编辑器,实现快速在多平台发布博客。

这是上传前,图片地址为本地地址

上传后,地址变为Gitee的地址了

平台兼容测试

试一下能否全平台兼容。直接全选复制,然后到对应平台的MarkDown编辑页面粘贴

Gitee成功兼容

CSDN成功兼容

有道云笔记成功兼容

BUG消除

Failed to fetch

上传图片时报错,错误报告为“Failed to fetch”

解决方法:PicGo将端口号改为默认的36677

“success”:false

上传图片时报错,错误报告为“success”:false”

原因:Gitee中的文件名重复

解决方法:在Gitee里删除重名文件,或者在picGo设置中将时间戳重命名打开

By_白羊

让自己写的电子笔记连文带图全平台兼容(MarkDown图片显示兼容)相关推荐

  1. 打开word文档提示文件未找到_word图片显示:如何打开多图文档不再卡慢

    当同事发来一个Word文档,由于文档太大,且里面图片非常多.导致打开文档时,电脑运行很慢很卡,查阅文档时非常不便,效率非常低. 有小白说,换一台电脑不就行了,这对于主流配置的机子倒不是什么问题,若遇上 ...

  2. 数据仓库是什么?它有什么用?一文带你全了解

    近些年来,随着计算机技术的迭代,越来越多新的名词涌入,数据中台.数据仓库等等,让人眼花缭乱,云里雾里. 今天小编为大家精心整理好了数据仓库的相关概念知识,一起来学习吧! 如何理解数据仓库这个概念? 数 ...

  3. 关于手写笔记、电子笔记、摘录的思考

    技术类的,很多可能学习的时候了解的不够深刻,只能是真正用到了,才会深入的了解,理解的深刻.那他只能用摘录的方式咯. 思维类的,摘录就没意思了,可能会因为一句话有一些别的感慨.或者一堆.相对于电子笔记, ...

  4. 程序人生 - 手写笔记 电子笔记哪个更好?

    俗话说:好记性不如烂笔头.从古至今,人们一直用笔,包括毛笔,铅笔,羽毛笔,钢笔,圆珠笔等等记下自己要做什么,可是如今,电子笔记,也就是电脑,让人们不得开始怀疑,到底用哪种呢?对此,我有不同的看法. 场 ...

  5. 为什么写博客?和电子笔记有哪些区别?

    大纲:1.博客与电子笔记有哪些异同点 2.写博客的好处 3.总结 一.博客与电子笔记有哪些异同点 相同:博客和电子笔记都可以记录我们学习的过程,以及加强我们对知识的理解程度和使用. 不同:博客主要是记 ...

  6. js判断ipad还是安卓_最近iPad做电子笔记很流行?综合分析你知道的所有笔记方式。...

    这里是个文章大纲. 本次更新安卓 iPad(多功能) 纸质笔记本(及时性) windows (键盘最好) 安卓平板(新黑马) 电纸书(模拟纸质) 下面的废话有点多,只是想做简单了解的,只看加粗的重点即 ...

  7. 我有一个不成熟的建议:电子笔记!望采纳!

    道阻且长,行则将至.埋头苦干,不鸣则已,一鸣惊人!加油,骚年! 1 前言 1.1 前情提要   之前我也写过一篇关于电子笔记的文章,标题为:还在使用手写笔记?又或者使用TXT.Word做笔记?NoNo ...

  8. 效率神奇,这是最好用的电子笔记工具

    好记性不如烂笔头,我们每天都有面对很多有用的信息,如何将这些重要信息合理的进行管理呢,并且能够随时随地进行查找,答案就是电子笔记.电子笔记的工具有很多,比如比较有名的evernote,有道云笔记等,其 ...

  9. 离职交接文档_如何写好离职工作交接文档?

    交接文档的重要性 一个业务员与客户建立起了私下的信赖关系,可是当他因工作调动而离开原岗位,由另一个人接替的时候,原来的关系很可能就会一下子断裂. 百货商店也一样,如果柜台的营业员换人了,有些顾客就不会 ...

最新文章

  1. linux git yum安装包下载,在CentOS 8上用Yum及源代码安装Git的方法
  2. 计算机视觉顶会CVPR2020接收论文列表已公布,1470篇上榜, 你的paper中了吗?
  3. 【客户下单】基于CRM完全匹配地址库实现自动分单
  4. 文本二叉树折半查询及其截取值
  5. thinkphp3.2.3 找不到自定义模型_Orion HTC VIVE高性价比动作捕捉,虚拟直播 支持UE4.25 导入自定义模型...
  6. html5 plus与vue,基于Html5 Plus + Vue + Mui 移动App 开发(二)
  7. php版给UEditor的图片在线管理栏目增加图片删除功能
  8. 自动控制原理实验验优报告(资料区附matlab代码)
  9. 企业微信本地测试环境搭建
  10. Crackme 25
  11. python名片系统_初识python-名片管理系统v1.0
  12. sql中简简单单明明白白得使用 with temp as (select x from table1)
  13. Git 学习(篇六 --储藏与清理)
  14. Origin图表导出png文件和pdf文件的方法
  15. sqlserver数据库实验 实验九 触发器的创建与使用
  16. MobSDK如何轻松实现App社会化功能及免费短信验证功能
  17. 多易教育KAFKA实战(4)-原理加强
  18. 记微服务架构实战学习笔记
  19. 实景三维如何助力智能应急?
  20. 简易电商后台管理系统

热门文章

  1. python画图中的几个小技巧
  2. Ubuntu Linux 中两款不错的音乐播放器
  3. java移植ios的游戏,3款热门的pc移植ios游戏
  4. 集成底座与业务系统对接过程梳理
  5. org.apache.ibatis.type.TypeException: Could not resolve type alias 'xxxx'异常
  6. 转帖 关于数据中心能耗
  7. 微信小游戏最强连一连自动完成
  8. 转:基于Turbo C2.0 的动画设计的例子
  9. 保研夏令营记录-上交清华深研院北大信工中科院自动化所
  10. O2O、C2C、B2B、B2C的区别在哪里?