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

相关文章

SpringQuartz定时任务核心组件JobDetail与Trigger配置

《SpringQuartz定时任务核心组件JobDetail与Trigger配置》Spring框架与Quartz调度器的集成提供了强大而灵活的定时任务解决方案,本文主要介绍了SpringQuartz定... 目录引言一、Spring Quartz基础架构1.1 核心组件概述1.2 Spring集成优势二、J

Android Studio 配置国内镜像源的实现步骤

《AndroidStudio配置国内镜像源的实现步骤》本文主要介绍了AndroidStudio配置国内镜像源的实现步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,... 目录一、修改 hosts,解决 SDK 下载失败的问题二、修改 gradle 地址,解决 gradle

如何配置Spring Boot中的Jackson序列化

《如何配置SpringBoot中的Jackson序列化》在开发基于SpringBoot的应用程序时,Jackson是默认的JSON序列化和反序列化工具,本文将详细介绍如何在SpringBoot中配置... 目录配置Spring Boot中的Jackson序列化1. 为什么需要自定义Jackson配置?2.

鸿蒙中Axios数据请求的封装和配置方法

《鸿蒙中Axios数据请求的封装和配置方法》:本文主要介绍鸿蒙中Axios数据请求的封装和配置方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录1.配置权限 应用级权限和系统级权限2.配置网络请求的代码3.下载在Entry中 下载AxIOS4.封装Htt

Spring中配置ContextLoaderListener方式

《Spring中配置ContextLoaderListener方式》:本文主要介绍Spring中配置ContextLoaderListener方式,具有很好的参考价值,希望对大家有所帮助,如有错误... 目录Spring中配置ContextLoaderLishttp://www.chinasem.cntene

浅谈配置MMCV环境,解决报错,版本不匹配问题

《浅谈配置MMCV环境,解决报错,版本不匹配问题》:本文主要介绍浅谈配置MMCV环境,解决报错,版本不匹配问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录配置MMCV环境,解决报错,版本不匹配错误示例正确示例总结配置MMCV环境,解决报错,版本不匹配在col

Nginx中配置HTTP/2协议的详细指南

《Nginx中配置HTTP/2协议的详细指南》HTTP/2是HTTP协议的下一代版本,旨在提高性能、减少延迟并优化现代网络环境中的通信效率,本文将为大家介绍Nginx配置HTTP/2协议想详细步骤,需... 目录一、HTTP/2 协议概述1.HTTP/22. HTTP/2 的核心特性3. HTTP/2 的优

Python 安装和配置flask, flask_cors的图文教程

《Python安装和配置flask,flask_cors的图文教程》:本文主要介绍Python安装和配置flask,flask_cors的图文教程,本文通过图文并茂的形式给大家介绍的非常详细,... 目录一.python安装:二,配置环境变量,三:检查Python安装和环境变量,四:安装flask和flas

SpringCloud动态配置注解@RefreshScope与@Component的深度解析

《SpringCloud动态配置注解@RefreshScope与@Component的深度解析》在现代微服务架构中,动态配置管理是一个关键需求,本文将为大家介绍SpringCloud中相关的注解@Re... 目录引言1. @RefreshScope 的作用与原理1.1 什么是 @RefreshScope1.

SpringBoot日志配置SLF4J和Logback的方法实现

《SpringBoot日志配置SLF4J和Logback的方法实现》日志记录是不可或缺的一部分,本文主要介绍了SpringBoot日志配置SLF4J和Logback的方法实现,文中通过示例代码介绍的非... 目录一、前言二、案例一:初识日志三、案例二:使用Lombok输出日志四、案例三:配置Logback一