PicGo + Gitee实现Markdown图床

news/2024/5/17 17:48:37 标签: markdown, gitee, PicGo, Typora
markdown_views prism-atom-one-light">

前言

图床是写markdown的一个重点,但是网上推荐七牛云阿里云都是要租赁服务器的,太麻烦还要钱,微博现在挂链接又很厉害。大部分人选择用github,但是github虽好却是国外的网站,速度终究比不上国内网站,研究了小半天,在胡学长的帮助下,终于发现完美的解决方案。最终使用PicGo+Gitee完美解决!

可以先安装下面三个软件,都是一路next,很简单,后面会讲怎么样

自取:百度网盘 提取码:neu1

Tpyora

简介

Typora是一款轻便简洁的Markdown编辑器,支持即时渲染技术,这也是与其他Markdown编辑器最显著的区别。即时渲染使得你写Markdown就想是写Word文档一样流畅自如,不像其他编辑器的有编辑栏和显示栏。

安装

比安装office还要简单,这个不再赘述!

存在的问题

1. 云存储:同时Typora 不支持云端存储,如果自己的电脑出现了问题,数据被清空,那么自己的心血统统都会付诸东流。

2. 图片上传:现在mac版可以通过 iPicUploader 进行图片上传,其他系统还不支持。如果上传到gitee,则插入的本地图片不能查看。

3. 文档转移:自己写的md文档插入的图片只能在本地看,如果将md文档发给别人或者同步到 csdn,图片就会查看不了,还是图片上传的问题。

gitee.com/Lucas_Fengqw/image-save-res/raw/master/img/20201120124525.png" alt="外链图片转存失败" />

万幸

Typora 已经支持PicGo自动上传功能,能够自动上传拖进 markdown 文件的图片,还能将 markdown 文件中的图片一键上传。PicGo+Gitee可以实现图床,Typora可以通过Gitee永久存在Gitee仓库里,妙啊!

PicGo__Gitee_36">PicGo + Gitee配置

这里默认大家已经安装完成了Git,没完成的可以看一文搞定Git安装与使用

PicGo_40">1.PicGo安装

安装PicGo

  • 双击PicGo-Setup-2.2.2.exe
  • 选择仅为我安装
  • 尽量不要放在默认路径下!但是安装路径要记住,后面需要!

安装Node.js:

  • 双击node-v14.15.1-x64.msi,默认一路next就行

PicGo_52">2.PicGo插件安装

  • 点击左侧最下方 --> 插件设置。
  • 在右边输入框 输入:gitee,会出现两个插件
  • 选择右边的插件gitee-uploader 1.1.2,点击安装。效果如下:
gitee.com/Lucas_Fengqw/image-save-res/raw/master/img/20201120134356.png" alt="插件安装" />

3.Gitee创建图床

  • 新建仓库

  • 设为公共

  • 使用Readme文件初始化

    gitee.com/Lucas_Fengqw/image-save-res/raw/master/img/20201120134850.png" alt="20200603161129165" />
  • 建立一个存放图片的文件夹(我的叫img)

    image-20201120135131118

PicGo_74">4.PicGo配置

image-20201120135255824

  • repo是仓库名

  • branch 默认是master,不需要改

  • token 私人令牌,生成办法:点击Gitee头像—个人主页—个人设置—私人令牌—生成新令牌

    gitee.com/Lucas_Fengqw/image-save-res/raw/master/img/20201120135715.png" alt="image-20201120135715160" />
  • path就是’Gitee创建图床‘时,建立存放图片的文件夹

  • customPath 选年月就行

  • customUrl 可以不用管

最后点击 确定选择 设为默认图床 即可

PicGo_94">5.PicGo图片上传测试

  • PicGo的上传区点击上传

    可以粘贴,可以选定,也可以拖拉进去,支持批量上传

  • PicGo的相册可以看到自己上传的图片

    image-20201120140844355

  • 在Gitee仓库下的img文件夹下可以看到图片

    image-20201120141033928

Typora__PicGo_108">Typora 关联 PicGo

  • 打开Typora—文件—偏好设置—图像

    配置如下
    image-20201120141705972

PicGoTypora_115">1.PicGo对于Typora的配置

经过以上配置之后,利用Typora上传图片会出错,提前配置好!

  • Failed to fetch

    解决办法:

    打开PicGoPicGo设置—设置Server—设置监听端口—把值改为36677—保存
    gitee.com/Lucas_Fengqw/image-save-res/raw/master/img/20201120142523.png" alt="image-20201120142523440" />

  • {“success”,false}
    这个错误是因为上传了两张同名图片。

    解决办法

    打开PicGoPicGo设置—打开时间戳重命名—保存

    gitee.com/Lucas_Fengqw/image-save-res/raw/master/img/20201120142643.png" alt="image-20201120142643215" />

Typora_135">2.Typora图片演示

本人目前写这篇博客就是用的Typora进行的创作(禁止套娃),下面可以演示一下!
在这里插入图片描述

以后就可以用Typora+Gitee+PicGo开心的创作了~

鸣谢

本文的写成,参考了很多的博客,在此感谢以下几位大佬,并附上参考链接

大佬博客地址:

  • 不会打字314
  • 小盒的_1028
  • LeonG7

参考博客地址


http://www.niftyadmin.cn/n/1322993.html

相关文章

kafka 主动消费_消息中间件之Kafka史上最强原理总结

点击上面“蓝字”关注我们 前言最近项目使用到中间件,自己以前也对kafka原理应用垂涎已久了,故这个周末抽空总结一波。Kafka 是什么?Apache Kafka是分布式发布-订阅消息系统,在 kafka官网上对 kafka 的定义:一个分布…

【转载】树莓派搭建OpenEluer环境(2):树莓派使用

启用树莓派根目录分区扩展 查看磁盘分区信息分区扩容查看扩容后磁盘分区信息增大未加载的文件系统大小查看磁盘空间信息 wifi 连接 查看 IP 和网卡信息连接 wifi查看 IP 和无线网卡信息 音频 开启音频安装音频播放软件播放音频音频输出配置 HDMI耳机插孔自动(默认&a…

clickhouse hadoop_clickhouse实践篇数据类型

01数据类型01整型固定长度的整型,包括有符号整型或无符号整型。整型范围(-2n-1~2n-1-1):Int8 - [-128 : 127]Int16 - [-32768 : 32767]Int32 - [-2147483648 : 2147483647]Int64 - [-9223372036854775808 : 9223372036854775807]无符号整型范围(0~2n-1)&…

【转载】树莓派搭建OpenEluer环境(1):烧写镜像

实验环境 Windows10/Linux/Mac树莓派 3B/3B/4B8G 及以上的 Micro SD 卡 获取树莓派 img 镜像 下载适配树莓派的最新 openEuler 镜像,下面以获取 openEuler-20.03-LTS-aarch64-raspi.img.xz 镜像为例。其他镜像下载地址 刷写 SD 卡 下面分别介绍 Windows、Linux…

) 安全标签的要素包括(_大多数老板都在用的“防伪标签”,你还不赶紧了解一下?...

随着经济的发展,如今市面上的产品种类越来越丰富,人们的物欲需求也愈加满足。然而市场的扩大化,带来的不仅是丰富的物质品,还有大量的假冒伪劣品。这些假冒伪劣品既严重损害了品牌企业的利益和声誉,又危害着消费者的健…

python文件打开模式组合_python文件处理

一.文件处理流程打开文件,得到文件句柄并赋值给一个变量通过句柄对文件进行操作关闭文件正趣果上果Interesting fruit fruit词:郭婞曲:陈粒编曲/混音/和声:燕池萧:吗子Words: Guo 婞Song: Chen tabletsArrange/ Mix /H…

matlab粒子群加约束条件_粒子群算法(PSO)MATLAB实现

1.PSO相关知识介绍1.1PSO算法的基础理论人们在决策过程中常常会综合两种重要的信息:第一种是他们自己的经验,第二种是其他人的经验。同样的道理,群鸟在觅食过程中,每只鸟的初始状态都是出于随机位置,且飞翔的方向也是随…

单片机PWM输出原理与实践

一、什么是PWM? PWM(Pulse Width Modulation)脉冲宽度调制,它是通过对一系列脉冲的宽度进行调制,等效出所需要的波形(包含形状以及幅值),对模拟信号电平进行数字编码。   通俗的…