文章目录

  • 一、工具使用
    • 语言使用: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. Cell:无症状新冠患者阳性持续105天
  2. WPF MeshGeometry3D
  3. spark并发读mysql_spark jdbc(mysql) 读取并发度优化
  4. 实现Javascript编写类的方式1(原生方式)
  5. [转]json2.js 源码解读
  6. 用 javascript 获取当页面上鼠标(光标)位置
  7. oracle登录错误:ORA-28000: the account is locked 解决方法
  8. 2019全球开发者调查:仅2%的人996,Python并不是最受喜爱的语言
  9. hdu 5317 RGCDQ (2015多校第三场第2题)素数打表+前缀和相减求后缀(DP)
  10. 吉林大学java期末试卷_吉大18年9月《JAVA程序设计》作业考核试题-0001
  11. 可靠信道传输2.0 2.1 3.0
  12. 商汤携手迅达,全面打造“AI+电梯“,实现全流程安全智能自动化管理
  13. vue-cli学习入门_byKL
  14. 打开*.gd文件的方法
  15. 力软下拉框多选_[力软7.0.6]力软敏捷开发框架敏捷框架前端API
  16. 服务器电脑cpu性能排行,服务器cpu性能排行,小编教你服务器cpu性能排行
  17. Access宏学习总结
  18. Google浏览器离线安装包下载
  19. vscode 显示/设置隐藏文件夹
  20. No instances available for CLOUD-PAYMENT-SERVICEpayment问题

热门文章

  1. 正大国际期货:2022年各行业顶级富豪身价大洗牌
  2. 智慧校园三维可视化决策系统平台(数字孪生)-解决方案开发案例
  3. 自动报靶系统中的靶机属于电子靶机,射击训练各项需求均可满足
  4. 团建游戏---迷失丛林
  5. Ventoy安装deepin系统(windows和deepin双系统)
  6. 智能制造与大数据:数据分析实现智能化
  7. 服务器至强CPU内核数一览表
  8. ssh获取公钥,绑定gitlab,ssh-keygen -t rsa命令详解
  9. debian阉割touchpad方法
  10. 电脑桌面便签软件怎么通过便签快捷键打开日历月视图?