Typora+PicGo+GitHub-Gitee-SM.MS打造专属图床,提升编写文档效率

简介: Typora+PicGo+GitHub-Gitee-SM.MS打造专属图床,提升编写文档效率

一、Typora安装与配置

Typora安装

安装过程省略。

Typora官网链接:https://typora.io/

Typora下载链接(Windows版本):https://typora.io/#windows

Typora下载链接(Linux版本):https://typora.io/#linux


Typora配置

打开Typora,找到文件,点击“偏好设置”。

根据如图所示的要求进行偏好设!置的设置与修改


二、PicGo安装与设置

PicGo安装步骤省略。

PicGo官网:https://molunerfinn.com/PicGo/

PicGo下载链接:https://github.com/Molunerfinn/picgo/releases

!!!注意!!!:记住PicGo安装路径,需要在Typora偏好设置中选择软件所在的路径

(1)默认选择,单击“下一步”。

(2)选择目标文件夹,记住存放路径。

(3)等待安装完成。

(4)点击“完成”。

(5)初次安装,会弹出如下隐私协议,单击“是”即可。


PicGo配置

图床设置—GitHub设置

参数设置详情说明:

设定仓库名:用户名\仓库名;如abcd\image

设定分支名:master

设定Token:后续在GitHub上面创建一个Token即可,需要自行保管Token

设置完成后,点击”确认“,可以设置GitHub为默认图床


图床设置—Gitee设置

首先在PicGo上,插件设置中,安装Gitee插件。如图所示。


gitee设置参数说明

  • repo:仓库地址,书写格式:用户名/仓库名。例如:abcd/img
  • branch:填写master
  • token:即gitee的私人令牌。切记需要保管好。丢失或遗忘都无法找回


图床设置—SM.MS设置

注:SM.MS在PicGo-2.2.2稳定版本上没有提供设定Token。


三、GItHub注册登录使用

GitHub官网:https://github.com/

GitHub注册

GitHub注册过程省略

GitHub登录并创建仓库

GitHub登录


四、使用GitHub创建仓库

创建新的仓库用于存放图片

设置新仓库名以及相关信息

img仓库创建完成


五、在GitHub上创建并获取Token

!!!妥善保管好此Token,之后,刷新或者关闭此页面后,此Token将无法显示或查询。!!!

复制此token,打开PicGo,找到图床设置—GitHub设置,粘贴此token至”设定token“的选项框内,单击确定即可。

打开Typora,文件—偏好设置—图像,单击”验证图片上传选项“


六、GItee注册登录并使用

Gitee注册过程省略。

Gitee登录


七、在Gitee上创建仓库

(1)选择“立即闯进啊仓库”。

(2)根据实际需要设置。如图所示。

(3)仓库创建完成。


八、在Gitee上生成Token

(1)如图所示,进行设置。选择projects即可。单击“提交”。

(2)单击“提交”后,会进行账号安全验证,输入密码验证即可。

(3)私人令牌生成。切记自行保管妥当。

(4)将此仓库repo地址、token等信息填写至PicGo插件Gitee设置内即可。具体参考GitHub设置操作。设置完成后,进行验证图片上传是否成功即可。具体方法参照GitHub设置,不再演示。


九、SM.MS注册登录并使用

SM.MS注册网址:https://sm.ms/register

SM.MS登录网址:https://sm.ms/login


十、在SM.MS上生成Token

输入https://sm.ms/home/,进入后台管理界面。选择“API Token”,创建Token。如图所示。

将生成的Token填入即可。


十一、安装配置中遇到的问题与解决方法

问题一:在PicGo上的插件设置中,安装插件时,发生错误,提示 | 请安装Node.js并重启PicGo再继续操作。

解决办法:安装node.js

下载地址:https://nodejs.org/en/

选择长期稳定版本。


问题二:在Typora上传图片失败,未显示出来。如图所示。

原因一:因图片已经上传过了,再次上传图片会报错,需在PicGo上开启以时间戳重命名或者上传前重命名,以避免图片重名情况。

原因二:仓库设置有问题,没有进行验证工作。如,repo的路径或格式书写有误,token值填写错误等问题,造成图片上传失败。需前往检查,修改。

问题三:在GitHub中,查看不了原图片。

原因:因国内访问GitHub的限制,所以图片加载很慢或无法加载。可以自行搜索如何加速访问GitHhub。

加速GitHub访问参考链接:加速国内 Github 访问,下载,的9种方案!

问题四:验证图片上传选项,验证失败。

原因一:因之前已经验证通过,上传的图片已存在仓库内,所以二次或多次验证失败,需要前往仓库,将验证通过的图片删除即可。如图所示。

原因二:排除原因一的问题。那可能就是由于PicGo上图床设置错误原因造成的,如仓库路径和书写格式、Token值、设置Server监听端口号是否改变等问题引起的。仔细检查。

相关文章
|
2天前
|
存储 JavaScript 网络架构
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
58 3
|
2天前
|
缓存 前端开发 JavaScript
通过jsDelivr实现Github图床CDN加速
jsdelivr是一个免费的公共CDN(内容分发网络)服务,它允许网站开发者将他们的代码库、JavaScript库、字体和其他资源托管在jsdelivr上,并通过jsdelivr的CDN网络进行快速分发。使用jsdelivr可以有效地减少用户下载资源的时间,提高网页加载速度,同时减轻原始服务器的负载。
71 1
|
17小时前
|
NoSQL Java 数据库连接
凭借这份GitHub上疯狂霸榜标星140k的Spring全家桶文档,我接连斩获阿里、京东
凭借这份GitHub上疯狂霸榜标星140k的Spring全家桶文档,我接连斩获阿里、京东
|
2天前
|
程序员
借用GitHub将typora图片文件快速上传CSDN
借用GitHub将typora图片文件快速上传CSDN
|
2天前
|
存储 定位技术 Windows
GitHub与PicGo搭建免费稳定图床并实现Typora内复制自动上传
GitHub与PicGo搭建免费稳定图床并实现Typora内复制自动上传
|
2天前
|
Java 关系型数据库 MySQL
太牛了! GitHub大牛呕心沥血整理的5000页Java学习手册文档
今天整理了一套 5000 页的 Java 学习手册,,新鲜出炉,分享给大家!此手册内容专注 Java技术,包括 JavaWeb,SSM,Linux,Spring Boot,MyBatis,MySQL,Nginx,Git,GitHub,Servlet,IDEA,多线程,集合,JVM,DeBug, Dubbo,Redis,算法,面试题等相关内容。
|
2天前
|
JavaScript Java 数据安全/隐私保护
我把Github上最牛b的Java教程和实战项目整合成了一个PDF文档
大家都知道 Github 是一个程序员福地,这里有各种厉害的开源框架、软件或者教程。这些东西对于我们学习和进步有着莫大的进步,所以我有了这个将 Github 上非常棒的 Java 开源项目整理下来的想法。觉得不错的话,欢迎小伙伴们去star一波。
|
2天前
|
Java 数据库连接 BI
Github标星35K+超火的Spring Boot实战项目,附超全教程文档
今天给大家推荐一个Github上面超火的SpringBoot实战电商项目mall,目前在Github上面已经有35k+Star。该项目拥有全套教程,对学习者特别友好。全套教程的获取方式已经放在文末!
|
2天前
|
Java 程序员
推荐一个GitHub上牛b的Java学习项目!已整理成了文档版本
很多Java程序员一直希望找到一份完整的学习路径,但是市面上很多书都是专注某一个领域的,没有一份完整的大图,以至于很多程序员很迷茫,不知道自己到底应该从哪里开始学,或者不知道自己学习些什么。
|
5月前
|
存储 网络安全 对象存储
使用Flink实时发现Github最热项目之免费试用开通教程文档
使用Flink实时发现Github最热项目之免费试用开通教程文档
138 1