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

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

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

经过前面两弹的介绍,相信大家对图床都不陌生了吧,

但是小魔童觉得这样做法还是不方便,使用 github的仓库来存放图片,如果不能翻墙的话是不能展示图片的,自己可以翻墙还不行,需要别人翻墙才可以看到我文章中的图片,这也太难了。。。

另外使用 github issue的方式确实会好了很多,至少不需要外网了,

直接在国内网络中就可以解决该问题,可是问题来了,小魔童比较懒,觉得这种方式每一次都要拖拽图片到 issue中,且自己还要备份一下图片,还是觉得不优雅,不喜欢,

我想实实在在的做个懒人

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

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

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

部署PicGo

  • 访问 picgo官网,进行下载

https://github.com/Molunerfinn/PicGo/releases

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

E:\picgo\PicGo

安装node.js

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

https://nodejs.org/dist/v12.16.1/node-v12.16.1-x64.msi

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

window 进入 cmd,执行如下语句

npm config set registry https://registry.npm.taobao.org

安装github-plus插件

  • 运行PicGo,单击插件设置,在搜索中输入github,安装搜索结果中的github-plus

  • 若在点击安装时, PicGo弹出需要安装 node.js 并重启 PicGo,则直接重启电脑,即可解决此问题
  • 等待安装 github-plus的过程中,可以继续执行如下步骤

部署Gitee

  • gitee上建立一个仓库专门用于存放图片,例如我的:

  • 获取自己账号的token
  • 点击右上角自己的头像 -> 设置 ->

  • 点击左侧私人令牌 ->
  • 生成新令牌 ->
  • 勾选权限, PicGo只需要 user_infoprojects 的权限 ->
  • 保存 token,该token只会出现一次,离开页面后就不会再出现了

继续设置PicGo

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

部署Typora

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

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

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

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

作者:小魔童哪吒

相关文章
Typora——如何画流程图 | mermaid-js
Typora——如何画流程图 | mermaid-js
1171 0
|
JavaScript 安全 程序员
gitee+picgo+typora图床搭建:【使用gitee搭建图床】gitee创建仓库与私人令牌,picgo下载与安装,nodejs下载与安装,typora配置picgo(二)
gitee+picgo+typora图床搭建:【使用gitee搭建图床】gitee创建仓库与私人令牌,picgo下载与安装,nodejs下载与安装,typora配置picgo
750 0
gitee+picgo+typora图床搭建:【使用gitee搭建图床】gitee创建仓库与私人令牌,picgo下载与安装,nodejs下载与安装,typora配置picgo(二)
|
JavaScript Go Cloud Native
你要是还学不会,请提刀来见 Typora+PicGo+Gitee + node.js 打造个人高效稳定优雅图床 |Go主题月
经过前面两弹的介绍,相信大家对图床都不陌生了吧,但是小魔童觉得这样做法还是不方便,使用 github的仓库来存放图片,如果不能上外网的话是不能展示图片的,自己可以上外网还不行,需要别人上外网才可以看到我文章中的图片,这也太难了
431 0
|
JavaScript 对象存储
gitee+picgo+typora图床搭建:【使用gitee搭建图床】gitee创建仓库与私人令牌,picgo下载与安装,nodejs下载与安装,typora配置picgo(一)
gitee+picgo+typora图床搭建:【使用gitee搭建图床】gitee创建仓库与私人令牌,picgo下载与安装,nodejs下载与安装,typora配置picgo
455 0
【win10】Typora+PicGo+node+gitee配置图床
【win10】Typora+PicGo+node+gitee配置图床
234 0
【win10】Typora+PicGo+node+gitee配置图床
|
资源调度 JavaScript 前端开发
【0成本搭建个人博客】——Hexo+Node.js+Gitee Pages
【0成本搭建个人博客】——Hexo+Node.js+Gitee Pages
453 0
|
JavaScript 前端开发 中间件
使用nodeJs开发自己的图床应用
本文主要复盘笔者的nodeJS,通过一个线上的实战案例来总结node生态常用的技术点和最佳实践。后面会花费大概一个月的时间输出3篇以实战为主的nodeJs项目,本文是第一篇,主要介绍如何使用nodeJs开发一个图床应用。该项目对于测试和个人服务型网站非常实用,大家可以基于此扩展出更强大的应用。本文的图床项目主要使用Koa进行开发,不熟悉的可以先研究一下koa官网,或者看笔者之前写的nodeJS的文章。
392 0
|
12月前
|
JavaScript Unix Linux
nvm与node.js的安装指南
通过以上步骤,你可以在各种操作系统上成功安装NVM和Node.js,从而在不同的项目中灵活切换Node.js版本。这种灵活性对于管理不同项目的环境依赖而言是非常重要的。
3675 11
|
存储 JavaScript 搜索推荐
Node框架的安装和配置方法
安装 Node 框架是进行 Node 开发的第一步,通过正确的安装和配置,可以为后续的开发工作提供良好的基础。在安装过程中,需要仔细阅读相关文档和提示,遇到问题及时解决,以确保安装顺利完成。
1282 155
|
弹性计算 JavaScript 前端开发
一键安装!阿里云新功能部署Nodejs环境到ECS竟然如此简单!
Node.js 是一种高效的 JavaScript 运行环境,基于 Chrome V8 引擎,支持在服务器端运行 JavaScript 代码。本文介绍如何在阿里云上一键部署 Node.js 环境,无需繁琐配置,轻松上手。前提条件包括 ECS 实例运行中且操作系统为 CentOS、Ubuntu 等。功能特点为一键安装和稳定性好,支持常用 LTS 版本。安装步骤简单:登录阿里云控制台,选择扩展程序管理页面,安装 Node.js 扩展,选择实例和版本,等待创建完成并验证安装成功。通过阿里云的公共扩展,初学者和经验丰富的开发者都能快速进入开发状态,开启高效开发之旅。