2022年,我不允许任何人还没有免费图床系统

简介: 2022年,我不允许任何人还没有免费图床系统

一、引言

总所众知,目前程序届最好用的笔记编辑器莫过于 Typora,但 Typora 有一个比较难受的地方。

当我们插入图片时,会将我们本地的图片进行插入,如下图:

这样一来,当我们将整个笔记拷贝到博客、知乎、公众号一些平台时,我们的图片需要重新截图,会造成大量的麻烦。

本文将保姆级的带你打造一个 Typora + PicGo + github/gitee + CDN图床系统

让你从此写笔记,如虎添翼,一步踏青云

二、系统准备

工欲善其事,必先利其器

首先我们需要安装以下软件

  • node.js
  • PicGO
  • Gitee/GitHub账号
  • Typora软件

1. node.js

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时

官方网址:http://nodejs.cn/,直接下载安装即可

安装完之后,需要进入 cmd 验证一下版本,是否安装成功

2. PicGo

图片上传+管理新体验,基于electron-vue开发,支持macOS,Windows,Linux,支持插件系统,让PicGo更强大

官方网址:https://molunerfinn.com/PicGo/,直接下载安装即可

注意:在安装 PicGo 之前必须先安装 node.js,不然会导致插件无法下载

3. Gitee/GitHub账号

这个各位读者可自行百度


西方不能失去耶路撒冷,程序员不可无 Gitee/GitHub

这个使用方法在后续会讲到

4. Typora软件

程序员的老帮手了

官方下载链接:https://www.typora.net/

现在 Typora 软件最新版本要收费了,有经济基础的可以支持下

无经济基础公众号回复:图床

三、基于Gitee的图床

1. PicGo配置

  • 我们打开我们刚才安装的 PicGo 软件

  • 打开 插件设置,安装 gitee 插件

  • 安装完之后,我们打开我们的 PioGo设置,只保留 Gitee图床(这步操作做不做都可以,主要影响图床设置的选项)

  • 打开我们的 图床设置,主要设置如下图所示

2. Gitee(码云)信息获取

  • 登录我们的 Gitee,新建一个仓库

  • 仓库配置

  • Token的获取
  • 步骤:设置 -> 私人令牌 -> 生成新令牌 -> 提交 -> 复制,记住生成token以后需要保存下来(复制到哪里留着,PicGo里面用得到)
  • 设置 -> 私人令牌

  • 生成新令牌

  • 复制,保存 Token

3. Typora上传图床

  • 首先我们需要配置好我们的 PicGo,按照对应的关系进行配置,之前复制的 Token 别忘了


  • 打开Typora的文件 -> 偏好设置 -> 图像 ,选择 上传服务设定 ,选择相应的路径

  • 点击验证图片上传选项,出现下面的图即为成功~

  • 我们来尝试自己手动上传下图片,右击图片点击 上传图片即可

  • 去我们的仓库查看该图片

四、基于GitHub的图床

1. PicGo配置

  • 和上面类似,安装插件如下

  • 打开我们的 图床设置,主要设置如下图所示

2. GitHub信息获取

我们获取的信息主要为:拥有者、仓库名、Token、分支、自定义URL(选填)


  • 打开我们的 GitHub 首页,建立一个新的仓库

  • 选择相应的配置信息

  • 我们新建仓库之后,GitHub 会默认将当前的分支设置为 Main,我们需要手动将其修改为 master

  • 获取 Token,路径:settings -> Developer settings -> Personal access tokens -> Generate now token -> Generate token


向 PicGo 填入相应的配置即可


注:这里提供一个加速访问图片的方法:CDN加速

将上面的 customUrl 域名改为:

https://raw.githubusercontent.com/huanggongzi/WritingPictures/master

https://cdn.jsdelivr.net/gh/huanggongzi/WritingPictures@master

3. Typora上传图床

如上

五、问题

  • 一定要安装完 node.js 再去安装 PicGo


六、总结

到这基本我们就完成自己的图床配置了,我们可以直接在我们的 Typora 上进行书写我们的笔记,复制粘贴到博客即可

博主建议使用 Gitee 作为自己的图床,毕竟 GitHub 的网速有点不尽人意

相关文章
|
安全 关系型数据库 Linux
一文教你搭建个人网盘filerun,拥有私人文件服务器
一文教你搭建个人网盘filerun,拥有私人文件服务器
一文教你搭建个人网盘filerun,拥有私人文件服务器
|
4月前
|
存储 PHP 对象存储
开源免费的图床源码整理汇总-个人自用图床相册程序推荐
开源免费的图床源码整理汇总-个人自用图床相册程序推荐
444 0
|
9月前
|
SQL 监控 安全
网站管理以及开发人员如何使网址的访问更加安全可靠呢?
确保网站安全的12个步骤:启用HTTPS加密,使用可信SSL/TLS证书,保持浏览器更新,实行强密码策略和多因素认证,定期更新软件,控制访问权限,安全编码,应用内容安全策略,监控日志,防DDoS攻击,备份数据并制定恢复计划,以及定期进行渗透测试和安全审计。这些措施能有效保护网站和用户数据的安全。
77 1
|
9月前
|
存储 5G API
来了,永久免费的图床服务
Markdown爱好者推荐PicGo软件搭配免费图床服务SMMS,解决在Markdown中插入图片的困扰。PicGo支持多种图床,如腾讯云、阿里云和免费的SMMS,提供拖拽上传、压缩图片功能。通过VSCode或Typora配合PicGo插件,能实现图片自动上传并转换为Markdown格式。SMMS提供5GB免费存储,足够个人博客使用。
|
9月前
|
应用服务中间件 PHP 数据库
搭建LightPicture开源免费图床系统「公网远程控制」
搭建LightPicture开源免费图床系统「公网远程控制」
|
域名解析 网络协议 算法
不花一份钱申请阿里云免费HTTPS证书教程
不花一份钱申请阿里云免费HTTPS证书教程,阿里云SSL免费证书在哪申请?一个阿里云账号一年可以申请20张免费SSL证书,很多同学找不到免费SSL的入口,阿小云来详细说下阿里云SSL证书免费申请入口链接以及免费SSL证书申请流程
229 0
不花一份钱申请阿里云免费HTTPS证书教程
|
存储 缓存 网络协议
我的图床解决方案,超详细!
我的图床解决方案,超详细!
|
存储 Shell
紧急新闻,gitee图床崩了,教大家如何搭建自己的图床?
紧急新闻,gitee图床崩了,教大家如何搭建自己的图床?
紧急新闻,gitee图床崩了,教大家如何搭建自己的图床?
|
算法 Linux 对象存储
推荐几款免费的图床和图片处理工具
博客存图一直是个较大的问题,最理想的情况下,我们选择的图床最好是免费(哪有这种好事?)、支持 https 、访问速度快,而我们在上传图片这个操作时,最好是能够直接在客户端拖拽上传,并且能快速拿到上传后图片的 URL。
3141 0
推荐几款免费的图床和图片处理工具