【解决Typora图片不是显示问题】PicGo+Github+Typora+ onedrive/坚果云 实现笔记同步

【解决Typora图片不是显示问题】PicGo、Github、Typora实现笔记同步

  • 写在前面: typora笔记软件使用记录
  • typora图片上传问题:
  • 原因分析:
  • 解决方案:PicGo+Github+Typora+ 坚果云/onedrive 实现笔记同步
    • 第一步. 设置上传模式:uploadImage
    • 第二步. 选择上传工具:以PicGo为例
    • 第三步 选定储存位置:以github为例
    • 最后一步,重启Typora
  • 写在后面
    • PicGo手机客户端联动
    • 有待研究:PicGo支持插件
    • 有待研究:github上传速度慢,官方不建议

写在前面: typora笔记软件使用记录

尝试了很多笔记软件,都没有typora好用,最近又用回了typora。但是我忘了当初弃用它的原因,首次弃用它,是因为他解决不了我的问题。

  1. 文件共享问题。我有时用办公电脑写的笔记,回家也想用家里的电脑看看。但是typora并不自带文件上传云端的功能。这个问题我已经解决了。我目前习惯把资料都放到云盘里Onedrive,所以这次用typora的时候直接把文件夹建在Onedrive或坚果云就可以实现文件自动上传了
  2. 图片上传问题。如果只是复制文件本身或把只把笔记文件上传到云盘,你会发现图片看不到了。本文来简单记录一下,花了一个工作日时间搞定的typora图片云存储问题

typora图片上传问题:

喜欢用typora做笔记的小伙伴会发现有一个问题,你把笔记文件保存到线上时,可能发现里面的图片都打不开了。


原因分析:

你可以把 typora看做一个文本文件,它对图片的处理能力很弱,所以,当你在笔记里放入图片时,它只是把图片放在了一个本地文件夹内,是个相对路径,所以当你移动文件时,这个相对路径下的图片就访问不到了。


解决方案:PicGo+Github+Typora+ 坚果云/onedrive 实现笔记同步

工具类型作用
Typora笔记软件(但不提供云服务 )
onedrive/坚果云云盘用于实时上传文件-----解决同步问题
PicGo图上上传工具与图床结合使用 → 解决图片不能自动移植的问题
Github图床专门用于储存图片 → 解决图片不能自动移植的问题

解决这个问题,并不是设置一下就可以了,而是需要一套组合拳

第一步. 设置上传模式:uploadImage

  1. 打开全局图像设置
    在这里插入图片描述
  2. 进行上传图片配置
    插入图片:选择 上传图片
    上传服务:选择任意一个,我用的是 PicGo
    在这里插入图片描述

这里的说明如果打不开的话,可能需要连VPN

在这里插入图片描述

第二步. 选择上传工具:以PicGo为例

  1. 下载PicGO
    可以根据电脑型号下载对应版本。
    我用的是mac,下载的是PicGo-2.4.0-beta.6-x64.dmg
    PicGO页面展示
    更多可以进PicGo官网摸索:https://picgo.github.io/PicGo-Doc/zh/guide/#下载安装

  2. 根据需求,配置图床。如果是github就选择点击进去github

  3. 在这里插入图片描述

第三步 选定储存位置:以github为例

  1. 根据上步所需信息建一个github应用
    为方便记忆,我给他取名为images-typora
    在这里插入图片描述
    默认上传图片就放在根目录,看起来比较乱。所以为了gitHub里面内容看起来简洁,我新建了一个分支App/picgo, 你也可以新建文件夹picgo,

  2. 为了picgo和github的绑定,这里还需要去github新建一个token
    点击个人头像,最下面的 settings ,在进入最下面的 developer Settings就可以看到token了
    在这里插入图片描述
    同样是为了方便,我建了不过期的token
    在这里插入图片描述


好了,所有都准备好了。回到PicGo配置页面把对应的设置填进去吧。
在这里插入图片描述

最后一步,重启Typora

上传图片试试!地址已经变了

在这里插入图片描述

写在后面

PicGo手机客户端联动

在这里插入图片描述

官网腿推荐可以结合 手机flutter-picgo APP一起使用,但是我苹果手机换了国外id也没下载成功。弃了。

有待研究:PicGo支持插件

比如图片压缩还是挺有有用的
在这里插入图片描述
插件介绍:https://github.com/PicGo/Awesome-PicGo?tab=readme-ov-file
在这里插入图片描述

有待研究:github上传速度慢,官方不建议

我觉得还行,先用着,后续它支持一键换地址。
等有空研究其他云存储,再看看。备用 腾讯云COS

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/225089.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

vue3使用mixins

<template><div>{{ num }}___{{ fav }}</div><button click"favBtn">改变值</button> </template><script setup lang"ts"> import mixin from "../mixins/mixin"; let { num, fav, favBtn } mixin(…

龙蜥开源操作系统能解决CentOS 停服造成的空缺吗?

龙蜥开源操作系统能解决CentOS 停服造成的空缺吗&#xff1f; 本文图片来源于龙蜥&#xff0c;仅做介绍时引用用途&#xff0c;版权归属龙蜥和相关设计人员。 一、《国产服务器操作系统发展报告&#xff08;2023&#xff09;》称操作系统已步入 2.0 时代&#xff0c;服务器操作…

智能优化算法应用:基于人工兔算法3D无线传感器网络(WSN)覆盖优化 - 附代码

智能优化算法应用&#xff1a;基于人工兔算法3D无线传感器网络(WSN)覆盖优化 - 附代码 文章目录 智能优化算法应用&#xff1a;基于人工兔算法3D无线传感器网络(WSN)覆盖优化 - 附代码1.无线传感网络节点模型2.覆盖数学模型及分析3.人工兔算法4.实验参数设定5.算法结果6.参考文…

【华为数据之道学习笔记】6-4 打造数据供应的“三个1”

数据服务改变了传统的数据集成方式&#xff0c;所有数据都通过服务对外提供&#xff0c;用户不再直接集成数据&#xff0c;而是通过服务获取。因此&#xff0c;数据服务应该拉动数据供应链条的各个节点&#xff0c;以方便用户能准确地获取数据为重要目标。 数据供应到消费的完整…

实战 9 权限菜单管理

目录 1、权限菜单后端接口 2、查询权限菜单列表 2.1 设计效果图 2.2 menuList.vue 3、 新增权限菜单 3.1 新增权限菜单窗口代码 3.2 选择所属菜单代码 3.3 封装图标选择器 3.4 新增、编辑和删除权限菜单 1、权限菜单后端接口 package com.cizhu.service;import com.ci…

[SWPUCTF 2021 新生赛]hardrce

[SWPUCTF 2021 新生赛]hardrce wp 参考博客&#xff1a;https://www.cnblogs.com/bkofyZ/p/17644820.html 代码审计 题目的代码如下&#xff1a; <?php header("Content-Type:text/html;charsetutf-8"); error_reporting(0); highlight_file(__FILE__); if(is…

【MATLAB库函数系列】线性调频Z(Chirp-Z,CZT)的MATLAB源码和C语言实现

在上一篇博客 【数字信号处理】线性调频Z(Chirp-Z,CZT)算法详解 已经详细介绍了CZT变换的应用背景和原理,先回顾一下: 回顾CZT算法 采用 FFT 算法可以很快计算出全部 N N N点 DFT 值,即Z变换 X ( z ) X(z) <

JVM初识-----01章

一.虚拟机与java虚拟机的区别以及共同点 1.虚拟机&#xff08;Virtual Machine&#xff0c;简称VM&#xff09; 是一种能够在物理计算机上模拟一台完整的计算机系统的软件。它运行在宿主操作系统之上&#xff0c;可以提供一个独立的运行环境&#xff0c;使得在不同的操作系统上…

Vue实现响应式布局

前提准备&#xff1a;响应式布局有两种方法&#xff0c;看自己想要哪种。 方法一&#xff1a;百分比 用百分比去写元素的宽度&#xff0c;然后让子元素撑起父元素的高度 .parent {width: 50%; }.child {width:100%;height:100px; } 方法二&#xff1a;vh、vw vw、vh是基于视…

如何使用kali来进行一次ddos攻击

本文章用于记录自己的学习路线&#xff0c;不用于其他任何途径! ! ! 哈喽啊&#xff01;又是好久不见&#xff0c;本博主在之前发过一个ddos攻击的介绍。 emm…虽然那篇文章也提到了ddos攻击的方式&#xff0c;但太过于简陋&#xff0c;好像也没有什么用&#xff0c;so&#…

Docker实用篇

文章目录 Docker实用篇0.学习目标1.初识Docker1.1.什么是Docker1.1.1.应用部署的环境问题1.1.2.Docker解决依赖兼容问题1.1.3.Docker解决操作系统环境差异1.1.4.小结 1.2.Docker和虚拟机的区别1.3.Docker架构1.3.1.镜像和容器1.3.2.DockerHub1.3.3.Docker架构1.3.4.小结 1.4.安…

mac电脑系统性能检测:Geekbench 6最新 for mac

Geekbench 6是一款跨平台的性能测试软件&#xff0c;旨在全面衡量电脑在不同任务和应用程序中的性能。它适用于Windows、macOS、Linux等操作系统&#xff0c;以及移动设备如Android和iOS。 Geekbench 6主要特点包括&#xff1a; 全面覆盖各种性能测试领域&#xff0c;包括CPU…

构建外卖系统:从技术到实战

在当今高度数字化的社会中&#xff0c;外卖系统的开发变得愈发重要。本文将从技术角度出发&#xff0c;带领读者一步步构建一个基础的外卖系统&#xff0c;并涵盖关键技术和实际代码。 1. 技术选型 1.1 后端开发 选择Node.js和Express框架进行后端开发&#xff0c;搭建一个灵…

ModuleNotFoundError: No module named ‘tensorflow‘

直接运行pip install tensorflow安装成功之后&#xff0c;发现版本是tensorflow2.15.0 python的版本是3.9版本 导入包&#xff1a;import tensorflow 打包xxx.exe,调用之后提示错误 ModuleNotFoundError: No module named tensorflow 最后发现特定的python的版本对应特定的t…

ioDraw AI:思维导图、流程图、序列图、类图、饼图,一应俱全

前言 在信息爆炸的时代&#xff0c;我们每天接收着大量的信息&#xff0c;如何高效地整理和呈现这些信息成为了一项重要的挑战。思维导图作为一种可视化思维工具&#xff0c;能够帮助我们快速构建和整理复杂的信息结构&#xff0c;便于我们理解和记忆。ioDraw AI绘图工具正是基…

【集合】Vector与CopyOnWriteArrayList

前言&#xff1a; 此篇博客着重于&#xff1a;在多线程并发执行读、写操作的场景下&#xff0c;Vector集合、CopyOnWriteArrayList集合是否能保证线程安全&#xff1f;它们是通过什么方式保证线程安全的&#xff1f; Vector&#xff1a; &#xff08;1&#xff09;add(E e)方法…

Android笔记(二十一):Room组件实现Android应用的持久化处理

一、Room组件概述 Room是Android JetPack架构组件之一&#xff0c;是一个持久处理的库。Room提供了在SQLite数据库上提供抽象层&#xff0c;使之实现数据访问。 &#xff08;1&#xff09;实体类&#xff08;Entity&#xff09;&#xff1a;映射并封装了数据库对应的数据表中…

【力扣】199.二叉树的右视图

看到这个题目的一瞬间&#xff0c;我想递归&#xff0c;必须用递归。最近被递归折磨的有点狠&#xff0c;但是我感觉我快要打败它了&#xff0c;就是现在稍稍有点处于劣势。不过没关系&#xff0c;来日方长不是。 法一&#xff1a;递归 题解&#xff1a; 之前想的就是先递归&…

漏洞复现-泛微OA xmlrpcServlet接口任意文件读取漏洞(附漏洞检测脚本)

免责声明 文章中涉及的漏洞均已修复&#xff0c;敏感信息均已做打码处理&#xff0c;文章仅做经验分享用途&#xff0c;切勿当真&#xff0c;未授权的攻击属于非法行为&#xff01;文章中敏感信息均已做多层打马处理。传播、利用本文章所提供的信息而造成的任何直接或者间接的…

Vue 封装echarts柱状图(Bar)组件

目的&#xff1a;减少重复代码&#xff0c;便于维护 显示效果 组件代码 <template><div class"ldw-data-content-box"><div class"ldw-chilren-box"><div class"title" v-if"title">{{ title }}</div>…