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

一、工具使用语言使用:MarkDown 简介使用原因使用方法软件使用:Typora简介环境设置搭建1)搭建图床2)配置PicGo3)配置typora4)测试图片上传测试平台兼容测试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建仓默认属性为私有)

image-20210518201318249

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

image-20210518203207155

2)配置PicGo

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

image-20210518202744358

点击PicGo设置

image-20210518201820884

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

image-20210518203807626

3)配置typora

image-20210518204719980

4)测试

图片上传测试

点击上传测试图片

image-20210518204625897

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

image-20210518215151014

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

image-20210518205745602

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

image-20210518205209473
image-20210518205957731

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

image-20210518210742145

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

image-20210518210731038
平台兼容测试

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

image-20210518205903260

Gitee成功兼容

image-20210518211152896
image-20210518211158297

CSDN成功兼容

image-20210518211310211

有道云笔记成功兼容

image-20210518211420843

BUG消除

Failed to fetch

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

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

image-20210518212850254

“success”:false

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

原因:Gitee中的文件名重复

解决方法:

By_白羊

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,793评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,567评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,342评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,825评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,814评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,680评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,033评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,687评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,175评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,668评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,775评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,419评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,020评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,978评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,206评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,092评论 2 351
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,510评论 2 343

推荐阅读更多精彩内容