Typora 搭建 SM.MS / GitHub 图床

简介: 高效 Markdown 编辑器,几分钟,搭建属于你的免费图床

文章开始前,先给大家科普下 Typora 和 SM.MS 是什么,当然,对于经常写博客的小伙伴并不陌生。

Typora

Typora 是一款支持实时预览的 Markdown 文本编辑器,拥有 OS X、Windows、Linux 三大平台版本,且完全免费。

它的功能巨多,进入 “偏好设置” 选项卡中,你就会知道这款编辑器设计的有多么地人性化,多么地细节,简直是众多 Markdown 编辑器里的领头羊,像打字机模式、专注模式、源代码模式、实时预览、文件/大纲侧边栏等一系列功能应有尽有。

官方特性介绍:Typora为您提供了一个无缝的体验,作为读者和作者。它删除了预览窗口,模式切换器,markdown源代码的语法符号,和所有其他不必要的干扰。相反 ,它提供了一个真实的实时预览功能,以帮助您集中精力于内容本身。

对于经常写博客的小伙伴,特别是在多平台分享的朋友,拥有这样一个 “利器” ,搭配上程序猿们忠爱的 GitHub 主题,那感觉简直不要太爽。

图床

举个栗子,这篇博客里你所看到的图片,它们存放的位置是哪里呢?图片在我电脑的某个磁盘里,你是怎么看到的呢?显然,你看到的是 “网上” 的图片,图床就是储存图片的服务器,我们发朋友圈、空间、微博里的图片都上传到了各个平台自家的图床,供天涯海角的小伙伴查看。

图床有国内和国外之分:国外的图床由于网络、距离等因素访问速度较慢,严重影响图片显示速度,国内也分为单线空间、多线空间和 CDN加速 三种。

Typora配置图床

打开 Typora 中的 “偏好设置”,下载 PicGo(一个用于快速上传图片并获取图片 URL 链接的工具)
image-20210905201658842.png
GitHub地址:Releases · Molunerfinn/PicGo (github.com)
网盘地址,提取码:peng

设定图片插入规则
image-20210905204403010.png
软件主界面

图床这个东西,还是稳定的好,选择一些老牌子,服务运行久的较为可靠,不然没几天停服可是
image-20210905211031323.png

SM.MS图床

打开 SM.MS ,获取Token

Token,就是汉语 “令牌” 的意思,是服务端生成的一串字符串,作为客户端进行请求的一个令牌,当第一次登录后,服务器生成一个 Token 便将此 Token 返回到客户端,日后客户端只需要附带此 Token 前来请求数据即可,无需再次带上用户名和密码。

image-20210905203515604.png
进入 API Token
image-20210905203700296.png
打开图床设置,粘贴 SM.MS 图床的 Token
image-20210905203222247.png
好了,现在就可以使用 Typora 这款神仙级 Markdown 编辑器记笔记、写博客了,再也没有发布文章需要一张张重新上传图片的烦恼了。

GitHub图床

有时候我们总会在想这些图床的服务器到底靠不靠谱,能不能长时间维护,万一哪天崩了,作为使用者的我们岂不是凉凉。这里还有一个方法,那就是用代码托管仓库来建立图床,国内的Gitee在图片上传速度上可能更具优势,但是PicGo工具对于码云的配置更为繁琐,需要安装插件,比较简单的还是直接上手GitHub吧。

新建仓库
请添加图片描述
获取Token
在这里插入图片描述
创建Token
在这里插入图片描述
创建成功后,注意:Token只显示一次,可以记录在文档中保存下来,忘记的话重新Get一个就好

设置PicGo
在这里插入图片描述
测试上传
在这里插入图片描述
在这里插入图片描述


参考资料

PicGo | PicGo

图片就交给它了

Typora + PicGo 图床配置以及 PicGo 上传失败的解决办法

相关文章
|
1月前
|
缓存 前端开发 JavaScript
通过jsDelivr实现Github图床CDN加速
jsdelivr是一个免费的公共CDN(内容分发网络)服务,它允许网站开发者将他们的代码库、JavaScript库、字体和其他资源托管在jsdelivr上,并通过jsdelivr的CDN网络进行快速分发。使用jsdelivr可以有效地减少用户下载资源的时间,提高网页加载速度,同时减轻原始服务器的负载。
139 1
|
1月前
|
存储 JavaScript 网络架构
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
135 3
|
9天前
|
Linux
Typore+PicGo+GitHub图床搭建
Typore+PicGo+GitHub图床搭建
9 1
|
1月前
|
程序员
借用GitHub将typora图片文件快速上传CSDN
借用GitHub将typora图片文件快速上传CSDN
|
1月前
|
存储 定位技术 Windows
GitHub与PicGo搭建免费稳定图床并实现Typora内复制自动上传
GitHub与PicGo搭建免费稳定图床并实现Typora内复制自动上传
|
7月前
|
存储 Windows
GitHub+PicGo+Typora搭建个人免费图床并实现md粘贴即上传
本文介绍基于Github平台与PicGo工具,构建免费、稳定的图床,并实现在Typora内撰写Markdown文档时,粘贴图片就可以将这一图片自动上传到搭建好的图床中的方法~
956 3
GitHub+PicGo+Typora搭建个人免费图床并实现md粘贴即上传
|
7月前
|
存储 搜索推荐 Go
github作为图床的使用方式
github作为图床的使用方式
|
JavaScript 安全 开发工具
在github上搭建blog(基于Node.js的Hexo+next)
演示 安装node.js wget https://nodejs.org/dist/v4.4.6/node-v4.4.6.tar.gz $ tar zxvf node-v0.8.16.tar.gz $ ./configure $ sudo make && sudo make install 或者使用Hexo官网说的方式: 安装 Node.js 的最佳方式是使用 nvm。
1295 0
|
1月前
|
前端开发
Github项目分享——免费的画图工具drow,最新前端面试题整理
Github项目分享——免费的画图工具drow,最新前端面试题整理
|
21小时前
|
搜索推荐 开发者 SEO
CSDN 大规模抓取 GitHub 上的项目到 GitCode,伪造开发者主页引公愤
后续影响和发展方向 GitCode是CSDN开发的一个代码托管平台,为了快速获得搜索引擎流量,CSDN采用了惯用的手段,直接搬运大量内容进行填充。接下来,他们很可能会通过SEO农场来污染搜索引擎,以获得更多的流量。这种操作不仅对开发者极不尊重,也对整个互联网环境造成了严重的污染。 写在最后 GitCode 已经出来有挺长时间了,期间没闹出过什么问题。近期,不知道 GitCode 内部的哪位领导脑子被驴踢了,做出搬运 GitHub 的仓库来丰富自己平台内容的决定。 这种无视开发者权益、恶意搬运项目的行为,必将受到开发者社区的强烈谴责,尊重开发者的劳动成果,维护开源社区的良好氛围。开发者们也应团结