Typora图床配置

2024-04-20 14:32
文章标签 配置 typora 图床

本文主要是介绍Typora图床配置,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

目录

  • 1. 安装Typora软件
  • 2. 在Typora里下载PicGo-Core(command line)插件
  • 3. 借助picgo安装gitee图床插件
  • 4. 修改picgo配置文件
  • 5. 测试gitee图床
    • 参考

友情提示:目前gitee启用了防盗链机制,使用gitee作图床图片可正常上传,但文档可能无法正常浏览,因此不再建议将gitee仓库作为图床使用。Typora使用其他图床可参考本文设置,方法大同小异

Typora是一个跨平台的markdown编辑器,使用markdown编辑器写文章优点是排版简洁,痛点则是无法像Word那样直接嵌入图片,插入的图片实际上插入的是图片的路径(可以是本地路径也可以是网络路径)。

使用网络路径的优点是文档可以跨平台跨设备浏览,在使用前需要进行些许配置,看到网络上很多博主推荐使用“picgo软件+github仓库”的方案,个人试用下来体验并不那么丝滑(可能我只是个凡人吧 ),picgo这个软件配置完成后经常连不上github国内访问也经常抽风。因此,笔主使用的方案是“PicGo-Core(command line)+gitee仓库”的方案,这里的PicGo-Core是Typora内置的一个插件,和picgo软件不同。

该方案主要分为以下几个步骤:

  1. 安装Typora软件(官网);
  2. 在Typora里下载PicGo-Core(command line)插件;
  3. 借助picgo安装gitee图床插件;
  4. 修改picgo配置文件

1. 安装Typora软件

Typora在各个平台下的安装都很简单,此处安装过程略。

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

  1. 打开Typora,依次点击文件-偏好设置-图像
  2. 按下图所示勾选插入图片时的选项,并在上传服务设定选择PicGo-Core(command line),点击下载或更新按钮下载插件;若执行失败,本人亲测过两个方法:1. 先尝试更换联网方式(如手机热点连接)后重试;2. 方法一无效的话尝试根据系统安装Node.js环境(后面装插件也要用的,安装完成标志是命令行敲npm -v返回版本号),安装完成后重试。在不同的环境下可能问题不太一样,以上方式基本可以解决。

image-20210318144255481

3. 借助picgo安装gitee图床插件

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

  1. windows系统一般在C:\Users\用户名\AppData\Roaming\Typora\picgo\win64\文件夹,文件名为picgo.exe
  2. linux系统一般在~/.config/Typora/picgo/linux/文件夹,文件名为picgo
  3. 笔者这里用的是linux系统,打开终端,在home目录下执行./.config/Typora/picgo/linux/picgo install gitee-uploaderwindows系统可以在包含picgo.exe文件的路径下执行.\picgo.exe install gitee-uploader若执行失败,可能需要根据系统安装Node.js环境(完成标志是命令行敲npm -v返回版本号),安装完成后重试

image-20210318145758413

4. 修改picgo配置文件

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

image-20200620214326041

文件可以参考如下修改:

{"picBed": {"current": "gitee","uploader": "gitee","gitee": {"branch": "master","customPath": "yearMonth","customUrl": "","path": "仓库下的文件夹","repo": "用户id/仓库名","token": "gitee上申请的私人令牌"}},"picgoPlugins": {"picgo-plugin-gitee-uploader": true}
}
  1. current为当前的图床,uploader表示上传用的图床,这里两个都设置为gitee
  2. master表示主分支,一般用做图床的仓库是个单独的仓库,此处保持master就好;
  3. path为仓库下的文件夹,repo为仓库名,假如如有一个仓库名为a,图片存在这个仓库下的b文件夹,你的用户idlinux(浏览器地址栏仓库名前的字符串),则pathbrepolinux/a
  4. token为私人令牌,需要在gitee网站申请,申请的token只出现一次,点击复制按钮将其粘贴到配置文件中即可,一个用户可以有多个token,可以在gitee网站管理自己的token

image-20200924225152791

  1. 使用的插件都要在picgoPlugins里包含并设置为true,这里只使用了gitee插件

5. 测试gitee图床

经过以上的配置,不出问题的话,此时新建一个typora.md文件,往文档中粘贴图片,应该是会直接上传到gitee配置的仓库中的(上传成功可以直接在gitee网站查看)。

也可以打开Typora软件文件-偏好设置-图像-验证图片上传选项进行验证,笔主这里已经上传过,因此出现ERROR(仓库里有了就没必要上传了)

image-20210318152851464

以上,就是配置Typora图床的基本过程了,其他图床配置过程类似,本文省略了gitee仓库新建以及gitee token申请过程,有需要可以自行百度或参考笔主的另一篇文章 Typora+gitee+notejs+坚果云构建私有云笔记。

参考

  • Typora+gitee+notejs+坚果云构建私有云笔记

这篇关于Typora图床配置的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/920509

相关文章

Nginx之https证书配置实现

《Nginx之https证书配置实现》本文主要介绍了Nginx之https证书配置的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起... 目录背景介绍为什么不能部署在 IIS 或 NAT 设备上?具体实现证书获取nginx配置扩展结果验证

springboot3.x使用@NacosValue无法获取配置信息的解决过程

《springboot3.x使用@NacosValue无法获取配置信息的解决过程》在SpringBoot3.x中升级Nacos依赖后,使用@NacosValue无法动态获取配置,通过引入SpringC... 目录一、python问题描述二、解决方案总结一、问题描述springboot从2android.x

nginx跨域访问配置的几种方法实现

《nginx跨域访问配置的几种方法实现》本文详细介绍了Nginx跨域配置方法,包括基本配置、只允许指定域名、携带Cookie的跨域、动态设置允许的Origin、支持不同路径的跨域控制、静态资源跨域以及... 目录一、基本跨域配置二、只允许指定域名跨域三、完整示例四、配置后重载 nginx五、注意事项六、支持

Spring配置扩展之JavaConfig的使用小结

《Spring配置扩展之JavaConfig的使用小结》JavaConfig是Spring框架中基于纯Java代码的配置方式,用于替代传统的XML配置,通过注解(如@Bean)定义Spring容器的组... 目录JavaConfig 的概念什么是JavaConfig?为什么使用 JavaConfig?Jav

Spring Boot Interceptor的原理、配置、顺序控制及与Filter的关键区别对比分析

《SpringBootInterceptor的原理、配置、顺序控制及与Filter的关键区别对比分析》本文主要介绍了SpringBoot中的拦截器(Interceptor)及其与过滤器(Filt... 目录前言一、核心功能二、拦截器的实现2.1 定义自定义拦截器2.2 注册拦截器三、多拦截器的执行顺序四、过

springboot的controller中如何获取applicatim.yml的配置值

《springboot的controller中如何获取applicatim.yml的配置值》本文介绍了在SpringBoot的Controller中获取application.yml配置值的四种方式,... 目录1. 使用@Value注解(最常用)application.yml 配置Controller 中

springboot中配置logback-spring.xml的方法

《springboot中配置logback-spring.xml的方法》文章介绍了如何在SpringBoot项目中配置logback-spring.xml文件来进行日志管理,包括如何定义日志输出方式、... 目录一、在src/main/resources目录下,也就是在classpath路径下创建logba

C++多线程开发环境配置方法

《C++多线程开发环境配置方法》文章详细介绍了如何在Windows上安装MinGW-w64和VSCode,并配置环境变量和编译任务,使用VSCode创建一个C++多线程测试项目,并通过配置tasks.... 目录下载安装 MinGW-w64下载安装VS code创建测试项目配置编译任务创建 tasks.js

Nginx概念、架构、配置与虚拟主机实战操作指南

《Nginx概念、架构、配置与虚拟主机实战操作指南》Nginx是一个高性能的HTTP服务器、反向代理服务器、负载均衡器和IMAP/POP3/SMTP代理服务器,它支持高并发连接,资源占用低,功能全面且... 目录Nginx 深度解析:概念、架构、配置与虚拟主机实战一、Nginx 的概念二、Nginx 的特点

2025最新版Android Studio安装及组件配置教程(SDK、JDK、Gradle)

《2025最新版AndroidStudio安装及组件配置教程(SDK、JDK、Gradle)》:本文主要介绍2025最新版AndroidStudio安装及组件配置(SDK、JDK、Gradle... 目录原生 android 简介Android Studio必备组件一、Android Studio安装二、A