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监听端口号是否改变等问题引起的。仔细检查。

相关文章
|
3月前
|
Windows
github图床链接打开提示raw.githubusercontent.com无法访问解决
picgo上传图片不显示,到GitHub打开也不显示图片,粘贴链接访问提示“raw.githubusercontent.com无法访问”,百度搜索后修改了下hosts解决了。
665 2
github图床链接打开提示raw.githubusercontent.com无法访问解决
|
2月前
|
JavaScript Linux Windows
Typora图床配置(用自带的 PicGo-Core(command line) 插件GitHub
Typora图床配置(用自带的 PicGo-Core(command line) 插件GitHub
|
2月前
|
Windows
github图床链接打开提示raw.githubusercontent.com无法访问解决
github图床链接打开提示raw.githubusercontent.com无法访问解决
46 0
|
4月前
|
JavaScript 搜索推荐 资源调度
使用VitePress静态网站生成器创建组件库文档网站并部署到GitHub
本文详细介绍了如何使用 Vue3、TypeScript 和 Vite 开发并发布一个名为 Vue Amazing UI 的组件库至 npm。文章首先引导读者安装配置 VitePress,创建文档网站,并编写组件库文档。接着,通过一系列配置实现网站主题定制、全局样式设置以及 Algolia 搜索功能集成。最后,文章提供了自动化脚本,帮助开发者一键打包部署静态网站至 GitHub,并发布组件库到 npm。通过这些步骤,读者可以轻松搭建并维护一个美观且功能齐全的组件库文档网站。
使用VitePress静态网站生成器创建组件库文档网站并部署到GitHub
|
4月前
|
资源调度 搜索推荐 Shell
使用VitePress静态网站生成器创建组件库文档网站并部署到GitHub
本文介绍了如何使用 Vue3、TypeScript 和 Vite 开发组件库并将其发布到 npm。文章详细描述了安装依赖、配置项目、创建文档网站以及编写组件文档的步骤。通过使用 VitePress,可以轻松搭建组件库的文档站点,并实现 Algolia 搜索功能。此外,还提供了自动化脚本用于部署静态网站至 GitHub 以及发布组件库到 npm。最后,展示了完整的目录结构和网站效果。
115 1
使用VitePress静态网站生成器创建组件库文档网站并部署到GitHub
|
4月前
|
开发者 存储 API
Xamarin 开发者的社区资源概览:从官方文档到GitHub示例,全面探索提升开发技能与解决问题的多元化渠道与实用工具
【8月更文挑战第31天】Xamarin 开发者社区资源概览旨在提升开发效率与解决问题,涵盖官方文档、社区论坛、GitHub 项目等。官方文档详尽,涵盖 Xamarin.Forms 使用、性能优化等;社区论坛供交流心得;GitHub 提供示例代码。此外,第三方博客、视频教程及 Xamarin University 等资源也丰富多样,适合各阶段开发者学习与提升。通过综合利用这些资源,开发者可不断进步,应对技术挑战。
56 0
|
4月前
PicGo——利用PicGo和GitHub搭建免费图床提供给Typecho使用
PicGo——利用PicGo和GitHub搭建免费图床提供给Typecho使用
33 0
|
6月前
|
Linux
Typore+PicGo+GitHub图床搭建
Typore+PicGo+GitHub图床搭建
38 1
|
7月前
|
NoSQL Java 数据库连接
凭借这份GitHub上疯狂霸榜标星140k的Spring全家桶文档,我接连斩获阿里、京东
凭借这份GitHub上疯狂霸榜标星140k的Spring全家桶文档,我接连斩获阿里、京东
|
7月前
|
程序员
借用GitHub将typora图片文件快速上传CSDN
借用GitHub将typora图片文件快速上传CSDN
下一篇
DataWorks