【win10】Typora+PicGo+node+gitee配置图床

简介: 【win10】Typora+PicGo+node+gitee配置图床

前言


之前一直是在CSDN编译博客,但是一旦博客写的很长,打字就很卡反应很慢,这一点就很值得吐槽了


最近沉迷于用Typora写笔记,之后再导入进CSDN。但是有一个很严重的问题,图片显示不出来!!!如下:



之后研究了一下,PicGo和gitee能配置图床解决图片不显示的问题。


前提需要:typora+PicGo+Gitee


按照下面描述一步一步执行即可


1. giitee设置


这里默认你有一个gitee账号,没有自行注册


设置私人令牌


  • 设置私人令牌:gitee官网点击我的->设置->私人令牌->生成新令牌




  • 填写以下内容:



  • 记住你的私人令牌,之后会用到



2. PicGo设置


PicGo安装及安装环境配置


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


  • 自行下载exe版本



  • 若是翻不出GitHub,这里有百度网盘链接下载exe:


链接:https://pan.baidu.com/s/1OIOfsKtsl1v6tASZU73_kw


提取码:11ee


  • 安装以下插件



  • 安装以上插件会让你跳转链接下载安装Node


https://nodejs.org/en/,正常安装即可



  • win+R打开cmd输入node -v查看是否安装成功node



  • 安装成后再安装完插件


配置PicGo



设置日志文件


按自己的喜好设置



配置gitee图床


这是最重要的一步:


repo:设置gitee的用户名/仓库名


token:复制上面的私人令牌


path:仓库名下的文件夹名,可以不写


注意:要确认和设置为默认图床



我的设置如下:



3. Typora设置


图床接入


文件->偏好设置->图像




显示如下则图床配置成功!!!



至此,你的md文件分享给他人或者上传CSDN都不会出现图片不显示的问题啦!


4. 测试


随便截图一张,放入md文档;图片来源如下则成功!



同时你的gitee账号路径下也有图片了!!



结束!


参考博客


链接1


链接2

目录
相关文章
|
6月前
|
Web App开发 缓存 JavaScript
【安装指南】nodejs下载、安装与配置详细教程
这篇博文详细介绍了 Node.js 的下载、安装与配置过程,为初学者提供了清晰的指南。读者通过该教程可以轻松完成 Node.js 的安装,了解相关配置和基本操作。文章首先介绍了 Node.js 的背景和应用场景,随后详细说明了下载安装包、安装步骤以及配置环境变量的方法。作者用简洁明了的语言,配以步骤图示,使得读者能够轻松跟随教程完成操作。总的来说,这篇文章为初学者提供了一个友好的入门指南,使他们能够顺利开始使用 Node.js 进行开发。
1246 2
【安装指南】nodejs下载、安装与配置详细教程
|
5月前
|
前端开发
windows10 安装node npm 等前端环境 并配置国内源
windows10 安装node npm 等前端环境 并配置国内源
332 3
|
2月前
|
前端开发 JavaScript 安全
node登陆接口权限配置cookie-parser、express-session
本文介绍了在Node.js中使用express-session和cookie-parser实现登录接口的权限配置,包括验证码接口的生成和自定义中间件的创建,用于验证用户权限。
28 0
node登陆接口权限配置cookie-parser、express-session
|
2月前
|
JavaScript 应用服务中间件 Linux
宝塔面板部署Vue项目、服务端Node___配置域名
本文介绍了如何使用宝塔面板在阿里云服务器上部署Vue项目和Node服务端项目,并配置域名。文章详细解释了安装宝塔面板、上传项目文件、使用pm2启动Node项目、Vue项目打包上传、以及通过Nginx配置域名和反向代理的步骤。
528 0
宝塔面板部署Vue项目、服务端Node___配置域名
|
4月前
|
缓存 JavaScript API
NodeJS代理配置指南:详细步骤和代码示例
**Node.js 代理配置:解决HTTP请求转发与CORS挑战** 在现代开发环境中,Node.js以其高效和灵活性深受青睐,但正确配置代理以处理跨域请求和API调用仍是复杂任务。本文提供全面指南,从基础到高级设置,教授如何在Node.js中使用代理,覆盖httpOptions、npm代理及第三方库的运用,以增强API调用灵活性。
NodeJS代理配置指南:详细步骤和代码示例
|
3月前
|
JavaScript IDE 前端开发
前端开发工具配置 nodejs & git & IDE
前端开发工具配置 nodejs & git & IDE
|
3月前
|
JavaScript Java Python
【Azure 应用服务】在Azure App Service for Windows 中部署Java/NodeJS/Python项目时,web.config的配置模板内容
【Azure 应用服务】在Azure App Service for Windows 中部署Java/NodeJS/Python项目时,web.config的配置模板内容
|
3月前
|
JavaScript Windows
记一下 Windows11 安装与配置 node.js 的标准步骤
这篇文章记录了在Windows 11系统上安装和配置Node.js的步骤,包括安装Node.js、验证安装、配置npm、设置npm镜像加速、全局安装cnpm并配置镜像、解决TLS连接不安全警告的详细过程。
412 0
|
5月前
Node历史版本下载及配置npm镜像
Node历史版本下载及配置npm镜像
533 1
|
4月前
|
JavaScript IDE 持续交付
阿里云云效产品使用合集之如何配置 Node.js构建任务让其在Windows环境中进行
云效作为一款全面覆盖研发全生命周期管理的云端效能平台,致力于帮助企业实现高效协同、敏捷研发和持续交付。本合集收集整理了用户在使用云效过程中遇到的常见问题,问题涉及项目创建与管理、需求规划与迭代、代码托管与版本控制、自动化测试、持续集成与发布等方面。