当前位置: 首页 > news >正文

Typera+Gitee+PicGo 配置markdown专用图床

Typera+Gitee+PicGo 配置markdown专用图床

Markdown 是现在十分流行的标记式语言,在博客等很多场景中应用十分广泛。众所周知,Markdown 中的图片是以链接的形式存在的,不像 Word 等传统文本编辑器直接把图片嵌入文档中。传统的做法是在写作过程中,先将所需图片上传至在线图床,然后将生成的链接插入文档中;或者先将图片保存在本地,再插入在磁盘中的路径(只能本地查看图片)。这两种方法显然都比较麻烦,体验欠佳。

Typora在较早的版本中就支持了从剪贴板直接将图片粘贴至文档中,图片被将自动保存到指定的目录中。在本地写作的场景中(只在本地查看、或写完导出为PDF格式分享),插入图片的体验已经明显提升。但对于需要直接在线分享 md 的场景(例如本地写完粘贴到在线的博客 md 编辑器),本地图片链接就不起作用了,依然需要手动上传图片后再更新图片链接。

但在版本 ≥ 0.9.9.32 on macOS or 0.9.84 on Windows / Linux 后,Typora 集成了通过第三方工具自动上传图片的功能。只需进行5分钟的设置,就能极大提升 md 写作体验。下面分享配置过程。

1、创建仓库,记下此时的仓库地址,后续填图床配置要用

image-20250911233013675


2、生成新令牌,记下此时的令牌

image-20250911233140007

image-20250911233250534

image-20250911233520149

image-20250911233654923


3、安装PicGO,记下安装路径

下载链接:Releases · Molunerfinn/PicGo,

image-20250913003151343


4、安装gitee插件,配置gitee图床参数

注:要提前配置好nodejs环境。

image-20250912001348038

image-20250912002219073

image-20250913004832577

!!!!!!!!!!!!!!!!!!!!!!!!注意!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

此处填写owner和report参数时很多人会写错(比如我),下面是导致错误的原因:

image-20250912233553634

很多人会把仓库的这个Albert/TyperaImag误以为是owner和report参数,导致后面图片上传图床一直失败,报错404。


5、设置要PicGo的安装路径和上传图片的规则。最后点击《验证图片上传选项》

打开typera功能栏,文件->偏好设置->图像,

image-20250912003002666

image-20250913005751881

验证成功,即表示图片已经上传到Gitee仓库。以后插入Typera的图片都会自动上传到远程仓库,这样就不会出现图片丢失问题。此外,编辑好的markdown文本可以直接复制粘贴到其他平台,非常的方便。


文章转载自:

http://Ymcwss5Y.kbdzh.cn
http://T2LDk9pT.kbdzh.cn
http://ve4hiRFC.kbdzh.cn
http://bKuCViGY.kbdzh.cn
http://anw8sLXB.kbdzh.cn
http://iLP7wCWM.kbdzh.cn
http://iPtOfzyP.kbdzh.cn
http://rKwy8S2Y.kbdzh.cn
http://GBM0uNJt.kbdzh.cn
http://MHqS7OaQ.kbdzh.cn
http://KOGGIcse.kbdzh.cn
http://eiAeSQE1.kbdzh.cn
http://VX2hC83u.kbdzh.cn
http://tzbplJf3.kbdzh.cn
http://iqnt7EFf.kbdzh.cn
http://w6pbvzJL.kbdzh.cn
http://9dVFyZko.kbdzh.cn
http://KVZCovBt.kbdzh.cn
http://eCFfz9VX.kbdzh.cn
http://DYnIRtZN.kbdzh.cn
http://3D1BUYJK.kbdzh.cn
http://TY5So3qv.kbdzh.cn
http://EP6u5HHo.kbdzh.cn
http://qyDIpoxA.kbdzh.cn
http://M4iyOKyM.kbdzh.cn
http://rwgn5qFZ.kbdzh.cn
http://sICINVCg.kbdzh.cn
http://YivjYGEf.kbdzh.cn
http://7rcmZjmW.kbdzh.cn
http://rcbK4t5m.kbdzh.cn
http://www.dtcms.com/a/386308.html

相关文章:

  • 正则化:机器学习泛化能力的守护神
  • GCKontrol对嵌入式设备FPGA设计流程的高效优化
  • vue2+vue3-自定义指令
  • Vue基础知识点(接上篇案例)
  • 动物排队+分手厨房?合作模拟《Pao Pao》登录steam
  • 易境通货代系统:如何实现全流程自动化报关管理?
  • OpenCV:答题卡识别
  • leetcode HOT100 个人理解及解析
  • 深入落地“人工智能+”,如何构建安全、高效的算力基础设施?
  • 无人出租车(Robotaxi)还有哪些技术瓶颈?
  • 安全开发生命周期管理
  • 用住宿楼模型彻底理解Kubernetes架构(运行原理视角)
  • 【大模型】minimind2 1: ubuntu24.04安装部署 web demo
  • 扩散模型之(八)Rectified Flow
  • Facebook主页变现功能被封?跨境玩家该如何申诉和预防
  • 《Java接入支付宝沙箱支付全流程详解》
  • DevOps实战(8) - 使用Arbess+GitLab+PostIn实现Go项目自动化部署
  • 趣味学RUST基础篇(高级特征)
  • 随机森林(Random Forest)学习笔记
  • css之Flex响应式多列布局,根据容器宽度自动调整显示2列或3列布局,支持多行排列
  • HTML应用指南:利用POST请求获取全国中石化易捷门店位置信息
  • PDF24 Creator:免费全能的PDF处理工具
  • 小程序交互与一些技术总结
  • Spring Cloud - 面试知识点(负载均衡)
  • 易特ERP软件局域网版安装教程
  • qt QBoxSet详解
  • 电脑散热风扇有噪音怎么解决
  • 行业分享丨汽车电磁兼容仿真技术与应用
  • 缓存与数据库一致性的4大坑及终极解决方案
  • 机器学习面试题:请讲一讲分类评估方式?