你要是还学不会,请提刀来见 Typora+PicGo+Gitee + node.js 打造个人高效稳定优雅图床 |Go主题月

简介: 经过前面两弹的介绍,相信大家对图床都不陌生了吧,但是小魔童觉得这样做法还是不方便,使用 github的仓库来存放图片,如果不能上外网的话是不能展示图片的,自己可以上外网还不行,需要别人上外网才可以看到我文章中的图片,这也太难了

经过前面两弹的介绍,相信大家对图床都不陌生了吧,但是小魔童觉得这样做法还是不方便,使用 github的仓库来存放图片,如果不能上外网的话是不能展示图片的,自己可以上外网还不行,需要别人上外网才可以看到我文章中的图片,这也太难了。。。

另外使用 github issue的方式确实会好了很多,至少不需要外网了,直接在国内网络中就可以解决该问题,可是问题来了,小魔童比较懒,觉得这种方式每一次都要拖拽图片到 issue中,且自己还要备份一下图片,还是觉得不优雅,不喜欢,我想实实在在的做个懒人

那行,那就满足你的要求,今天我们来介绍和实际操作一个高雅的使用图床的方式

Typora+PicGo+Gitee + node.js 打造个人高效稳定图床

  • 推荐指数五颗星
  • 实用指数五颗星
  • 易操作指数五颗星
  • 宜人性五颗星

部署PicGo

  • 访问 picgo官网,进行下载

github.com/Molunerfinn…

image.png

image-20210226221307800

一定不要安装在 C:\Program Files\ 下,否则后面 PicGo上传图片的时候一定会失败,因为 PicGo无法解析这一路径,例如我的安装路径为

E:\picgo\PicGo

安装node.js

  • PigGo需要使用插件的方式才可以将图片上传到 gitee,需要安装 node.js,点击如下链接进行下载

nodejs.org/dist/v12.16…

  • 安装成功之后,可以选择使用命令的方式更换镜像源(也可以不做此步操作)

window 进入 cmd,执行如下语句

npm config set registry registry.npm.taobao.org

安装github-plus插件

  • 运行PicGo,单击插件设置,在搜索中输入github,安装搜索结果中的github-plus
    image.png
    image-20210226223257358
  • 若在点击安装时, PicGo弹出需要安装 node.js 并重启 PicGo,则直接重启电脑,即可解决此问题
  • 等待安装 github-plus的过程中,可以继续执行如下步骤

部署Gitee

  • gitee上建立一个仓库专门用于存放图片,例如我的:
    image.png
    image-20210226222200113
  • 获取自己账号的token
  • 点击右上角自己的头像 -> 设置 ->
    image.png
    image-20210226222425832
  • 点击左侧私人令牌 ->
    image.png
    image-20210226222504818
  • 生成新令牌 ->
    image.png
    image-20210226222644727
  • 勾选权限, PicGo只需要 user_infoprojects 的权限 ->
    image.png
    image-20210226222745679
  • 保存 token,该token只会出现一次,离开页面后就不会再出现了

继续设置PicGo

  • 回到 PicGo,点击图床设置->githubPlus,在设置中填入repotoken,并选择origin为gitee,即可完成设置。其中,repo要填入owner/repoName 例如上图中的仓库名,填入红框中的字符串即可
    image.png
    image-20210226222200113
  • 如图
    image.png
    image-20210226223743460

部署Typora

  • 下载 Typora,网上随便一搜则可下载得到
  • 点击 Typora左上角的文件->偏好设置
  • 在弹出的界面中定位到图像,选择插入图片时选项为上传图片,并勾选对网络位置的图片应用上述规则
  • 设置完成如图所示
    image.png
    image-20210226224209182
  • 选择上传服务PicGo(app),点击验证图片上传选项,如果出现如下图所示界面,说明配置已成功,然后你就可以直接在Typora中插入图片了,Typora会自动上传并替换图片地址为网络地址。
    image.png
    image-20210226224336681

自己写文档的时候上传图片

  • 只需要将图片复制到 Typora里面, PicGo会自动帮你上传图片到 Gitee上,且可以自己重命名

这下子,有了 Typora+PicGo+Gitee \+ node.js大法,写文章写博客就会更加专注了

欢迎点赞,关注,收藏

朋友们,你的支持和鼓励,是我坚持分享,提高质量的动力

image.png

好了,本次就到这里

技术是开放的,我们的心态,更应是开放的。拥抱变化,向阳而生,努力向前行。

我是阿兵云原生,欢迎点赞关注收藏,下次见~

相关文章
|
前端开发 应用服务中间件 持续交付
Dokcer + nginx + Gitee Go 实现一键化部署你的项目(保姆级别)
Dokcer + nginx + Gitee Go 实现一键化部署你的项目(保姆级别)
241 0
|
11月前
|
数据采集 JavaScript 前端开发
Go和JavaScript结合使用:抓取网页中的图像链接
Go和JavaScript结合使用:抓取网页中的图像链接
|
2月前
|
JavaScript 前端开发 安全
Node.js和Go有何优势?
【8月更文挑战第4天】Node.js和Go有何优势?
37 3
|
2月前
|
Web App开发 JavaScript 前端开发
Node.js与Go语言的对比?
【8月更文挑战第4天】Node.js与Go语言的对比?
225 3
|
2月前
Typora——如何画流程图 | mermaid-js
Typora——如何画流程图 | mermaid-js
57 0
|
5月前
|
数据采集 JavaScript 前端开发
使用Go和JavaScript爬取股吧动态信息的完整指南
本文介绍了如何使用Go和JavaScript构建网络爬虫,从股吧网站抓取实时股市信息。通过设置代理服务器以应对反爬策略,利用`got`库执行JavaScript提取动态数据,如用户讨论和市场分析。示例代码展示了爬虫的实现过程,包括浏览器实例创建、代理配置、JavaScript执行及数据打印。此方法有助于投资者及时获取市场资讯,为决策提供支持。
使用Go和JavaScript爬取股吧动态信息的完整指南
|
5月前
|
编解码 JavaScript 前端开发
【专栏】介绍了字符串Base64编解码的基本原理和在Java、Python、C++、JavaScript及Go等编程语言中的实现示例
【4月更文挑战第29天】本文介绍了字符串Base64编解码的基本原理和在Java、Python、C++、JavaScript及Go等编程语言中的实现示例。Base64编码将24位二进制数据转换为32位可打印字符,用“=”作填充。文中展示了各语言的编码解码代码,帮助开发者理解并应用于实际项目。
111 1
|
SQL JavaScript 关系型数据库
号称下一代Node.js,Typescript以及go的orm的prisma 浅谈如何在nest.js中使用
号称下一代Node.js,Typescript以及go的orm的prisma 浅谈如何在nest.js中使用
号称下一代Node.js,Typescript以及go的orm的prisma 浅谈如何在nest.js中使用
|
11月前
|
JavaScript
你要是还学不会,请提刀来见 Typora+PicGo+Gitee + node.js 打造个人高效稳定优雅图床
你要是还学不会,请提刀来见 Typora+PicGo+Gitee + node.js 打造个人高效稳定优雅图床
114 1
你要是还学不会,请提刀来见 Typora+PicGo+Gitee + node.js 打造个人高效稳定优雅图床
|
11月前
|
JavaScript 程序员 Go
一图看懂编程语言迁移模式:终点站是Python、Go、JS
一图看懂编程语言迁移模式:终点站是Python、Go、JS