【超实用技巧】✨| 提高写文的质量 和 速率必学技能:❤️ Typora 图床配置 详细说明 ❤️ 【Windows版】

简介: ❤️提高写文的质量 和 速率必学技能:Typora图床配置 【Windows版】📢前言🌲图床简介🌲Typora简介🌟方法一:PicGo-Core(command line) + gitee仓库🏳️‍🌈1. 安装Typora软件🏳️‍🌈2. 在Typora里下载PicGo-Core(command line)插件🏳️‍🌈3.安装Node.js🏳️‍🌈4. 借助picgo安装gitee图床插件🏳️‍🌈5.创建一个仓库,gitee私人令牌获取🏳️‍🌈6.修改picgo配置文件🏳️‍🌈7.上传图片测试

❤️提高写文的质量 和 速率必学技能:Typora图床配置 【Windows版】

📢前言

之前写文章的时候,就听人说可以用图床 来写博客,但是一直不知道图床到底是个啥东西

最近正好因为某种原因(xxx) ,让我重新想到了这个图床~

所以正好自己简单配置了一个,顺手写一篇教程来记录下自己是怎样配置图床的!

🌲图床简介

图床:图床一般是指储存图片的服务器,有国内和国外之分。

国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。国内也分为单线空间、多线空间和cdn加速三种。


简单来说,就是一个可以上传图片的一个网上空间


因为我们在本地写一些东西的时候,比如使用World文档,当你从本地拖进去几张照片的时候

在当前这个World文档是能看见的,但是假设当你因为某个需求想要把它放到CSDN的话,那这个图片就不会显示出来了。


所以我们需要用这个图床配置,来将图片上传到一个网上空间,这样的话就可以到处复制都没有关系啦!


🌲Typora简介

说到图床,那我们肯定需要一个markdown编辑器~

说到markdown编辑器自然就是我们的Typora登场了!


Typora是一个跨平台的markdown编辑器,使用markdown编辑器写文章优点是排版简洁

痛点则是无法像Word那样直接嵌入图片,插入的图片实际上插入的是图片的路径(可以是本地路径也可以是网络路径)。


使用网络路径的优点是文档可以跨平台跨设备浏览,在使用前需要进行些许配置


所以我这里使用了两种方案来配置图床,下面一起来看看吧!


🌟方法一:PicGo-Core(command line) + gitee仓库

这个方法使用的方案是PicGo-Core(command line)+gitee仓库的方案


这里的PicGo-Core是Typora内置的一个插件,和picgo软件不同。


分为下面几个步骤,一起来看一下!


🏳️‍🌈安装Typora软件(官网);


🏳️‍🌈在Typora里下载PicGo-Core(command line)插件;


🏳️‍🌈安装Node.js


🏳️‍🌈借助picgo安装gitee图床插件;


🏳️‍🌈修改picgo配置文件


🏳️‍🌈1. 安装Typora软件

Typora在各个平台下的安装都很简单,直接去官网下载即可


官网下载地址


image.png


很简单的下载,下载完后直接点击安装,选择一个文件夹就好啦!


🏳️‍🌈2. 在Typora里下载PicGo-Core(command line)插件

打开Typora,依次点击文件-偏好设置-图像;


按下图所示勾选插入图片时的选项,并在上传服务设定选择PicGo-Core(command line),点击下载或更新按钮下载插件;

image.png


🏳️‍🌈3.安装Node.js

安装插件首先需要确保电脑已经有Node.js,可以先在CMD中输入node -v来查询,如果已安装会显示下图所示。


image.png


若无请先去Node.js官网下载并安装。下载完之后,找个平时安装软件的地方安装上就好了,不用啥配置!


我是因为没有配置这一步,所以下一步的安装gitee图床插件一直失败!!


image.png


🏳️‍🌈4. 借助picgo安装gitee图床插件

这一步需要找到第2步中下载的picgo二进制文件,不同系统文件名略有不同:


windows系统一般在C:\Users\用户名\AppData\Roaming\Typora\picgo\win64\文件夹,文件名为picgo.exe;


windows系统可以在包含picgo.exe文件的路径下执行:.\picgo.exe install gitee-uploader


效果如下,就代表插件安装成功了!

image.png


🏳️‍🌈5.创建一个仓库,gitee私人令牌获取

私人令牌在Gitee的设置自己配置一个就好


没有gitee的要先去注册一个,也很简单。


然后新建一个仓库,简单改个名字,最好是全英文小写!


权限要设置为开源,即所有人可见!


然后直接创建就好了,这里要记住这个仓库名和路径,在下一步配置文件会用到


image.png


仓库创建好了,接下来就是获取私人令牌了!


简单过程如下:

image.png

image.png


🏳️‍🌈6.修改picgo配置文件

重新打开偏好设置-打开配置文件,此时自动打开picgo的配置文件,配置正确时会自动上传图片到gitee

image.png


文件可以参考如下修改:

{
  "picBed": {
    "current": "gitee",
    "uploader": "gitee",
    "gitee": {
      "branch": "master",
      "customPath": "yearMonth",
      "customUrl": "",
      "path": "仓库下的文件夹",
      "repo": "用户id/仓库名",
      "token": "gitee上申请的私人令牌"
    }
  },
  "picgoPlugins": {
    "picgo-plugin-gitee-uploader": true
  }
}
相关文章
|
8天前
|
Shell Linux 开发工具
Windows Terminal——安装并配置主题
Windows Terminal——安装并配置主题
18 1
Windows Terminal——安装并配置主题
|
5天前
|
安全 机器人 程序员
Windows 计划任务每天隔 3 小时运行一次批处理文件详细配置步骤
Windows 计划任务每天隔 3 小时运行一次批处理文件详细配置步骤
|
8天前
|
Linux Go
Linux——windows10下的Ubuntu18.04安装并配置go环境
Linux——windows10下的Ubuntu18.04安装并配置go环境
19 1
|
11天前
|
并行计算 TensorFlow 算法框架/工具
Windows11+CUDA12.0+RTX4090如何配置安装Tensorflow2-GPU环境?
本文介绍了如何在Windows 11操作系统上,配合CUDA 12.0和RTX4090显卡,通过创建conda环境、安装特定版本的CUDA、cuDNN和TensorFlow 2.10来配置TensorFlow GPU环境,并提供了解决可能遇到的cudnn库文件找不到错误的具体步骤。
52 3
|
13天前
|
JavaScript 应用服务中间件 nginx
Windows安装hexo并配置nginx
Windows安装hexo并配置nginx
|
5天前
|
JavaScript Windows
记一下 Windows11 安装与配置 node.js 的标准步骤
这篇文章记录了在Windows 11系统上安装和配置Node.js的步骤,包括安装Node.js、验证安装、配置npm、设置npm镜像加速、全局安装cnpm并配置镜像、解决TLS连接不安全警告的详细过程。
14 0
|
8天前
|
NoSQL MongoDB Windows
MongoDB 读写分离——Windows MongoDB 副本集配置
MongoDB 读写分离——Windows MongoDB 副本集配置
22 0
|
11天前
|
移动开发 JavaScript Java
windows7下安装配置phonegap3.0 (cordavo)开发环境 (涉及android sdk配置)
windows7下安装配置phonegap3.0 (cordavo)开发环境 (涉及android sdk配置)
|
12天前
|
安全 应用服务中间件 Linux
windows配置supervisor实现nginx自启
windows配置supervisor实现nginx自启
|
1月前
|
JavaScript IDE 持续交付
阿里云云效产品使用合集之如何配置 Node.js构建任务让其在Windows环境中进行
云效作为一款全面覆盖研发全生命周期管理的云端效能平台,致力于帮助企业实现高效协同、敏捷研发和持续交付。本合集收集整理了用户在使用云效过程中遇到的常见问题,问题涉及项目创建与管理、需求规划与迭代、代码托管与版本控制、自动化测试、持续集成与发布等方面。