Obsidian/Typora设置图床

2024-05-13 09:44
文章标签 设置 obsidian typora 图床

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

在obsidian中默认图片是保存在本地的,但是在要导出文档上传到网上时,由于图片保存在本地,会出现无法加载图片的问题。

这里引用的一段话:

image-20240512160933547

这里使用picgo-core和gitee实现图床功能,

参考1: Ubuntu下PicGO配置gitee图床

参考2:使用Typora+picgo-core+gitee实现图床功能

一、安装软件

1.安装typora:Linux下安装Typora

2.安装nodejs,到官网下载linux安装包,解压,建立软链接

sudo cp -r ./nodejsXXX  /usr/lib/nodejs/
sudo ln -s /usr/lib/nodejs/bin/node /usr/bin/node
sudo ln -s /usr/lib//nodejs/bin/npm /usr/bin/npm

输入node -v验证是否安装正确。

3.安装picgo-core

npm install picgo -g 

安装gitee上传插件

picgo install gitee-uploader

安装xclip

xclip 命令可以从 stdin,或者文件读入数据到剪贴板,或者将剪贴板内容粘贴到目的应用中。xclip 命令建立了终端和剪切板之间通道,可以用命令的方式将终端输出或文件的内容保存到剪切板中,也可以将剪切板的内容输出到终端或文件

如果没有安装xclip,在进行上传的时候会提示缺少xcilp。

sudo apt install xclip

二、设置图床

1.设置gitee仓库

gitee仓库
gitee私人令牌(重要)
picgo关联仓库

找到右上角的加号,点击新建仓库,填写仓库名称,路径,简短的介绍,勾选开源,否则别人访问不了图片,创建成功

点击个人主页进入个人设置,安全设置下有个人令牌,生成令牌,保存好。输入密码验证后生成令牌,将令牌复制保存后再关闭

这样gitee方面就搭建完毕了。

2.设置picgo

我们使用的是picgo-core,命令行模式,不能像软件界面那样设置,不过更加简单。只需要修改picgo-core的配置文件

可以通过主目录下显示隐藏文件找到.picgo文件夹,打开后能看到config.json文件

也可以用直接在终端打开:

cd ~/.picgo	#切换到.picgo目录
vim config.json	#编辑修改配置文件

编辑json文件,复制一下代码:

{"picBed": {"current": "gitee","uploader": "gitee","smms": {"token": ""},"gitee": {"message": null,"owner": "gitee用户名","path": "图片在仓库的保存路径","repo": "gitee用户名/仓库名","token": "私人令牌"}},"picgoPlugins": {"picgo-plugin-gitee": true,"picgo-plugin-gitee-uploader": true}
}

保存即可。

3.设置typora

修改完配置文件后,打开typora,点击文件->偏好设置,点击图像,按照如下设置.

image-20240512135907036

在下面的自定义命令中输入:

/usr/lib/nodejs/bin/node  /usr/lib/nodejs/bin/picgo upload

点击验证图片上传选项,如果显示验证成功,说明配置完毕。

此时在编辑typora中markdown文档时,将复制的图片直接粘贴上会从本地自动上传到云端。示例为截图上面一句话进行粘贴测试。

4.设置Obsidian

Obsidian中利用image auto upload插件可实现如typora一样的图床同步功能

设置如图

image-20240512155243105

默认上传器选择picgo-core,路径复制typora中的命令路径

/usr/lib/nodejs/bin/node /usr/lib/nodejs/bin/picgo upload

就可以了。

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



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

相关文章

Nginx设置连接超时并进行测试的方法步骤

《Nginx设置连接超时并进行测试的方法步骤》在高并发场景下,如果客户端与服务器的连接长时间未响应,会占用大量的系统资源,影响其他正常请求的处理效率,为了解决这个问题,可以通过设置Nginx的连接... 目录设置连接超时目的操作步骤测试连接超时测试方法:总结:设置连接超时目的设置客户端与服务器之间的连接

mybatis和mybatis-plus设置值为null不起作用问题及解决

《mybatis和mybatis-plus设置值为null不起作用问题及解决》Mybatis-Plus的FieldStrategy主要用于控制新增、更新和查询时对空值的处理策略,通过配置不同的策略类型... 目录MyBATis-plusFieldStrategy作用FieldStrategy类型每种策略的作

CSS弹性布局常用设置方式

《CSS弹性布局常用设置方式》文章总结了CSS布局与样式的常用属性和技巧,包括视口单位、弹性盒子布局、浮动元素、背景和边框样式、文本和阴影效果、溢出隐藏、定位以及背景渐变等,通过这些技巧,可以实现复杂... 一、单位元素vm 1vm 为视口的1%vh 视口高的1%vmin 参照长边vmax 参照长边re

Windows设置nginx启动端口的方法

《Windows设置nginx启动端口的方法》在服务器配置与开发过程中,nginx作为一款高效的HTTP和反向代理服务器,被广泛应用,而在Windows系统中,合理设置nginx的启动端口,是确保其正... 目录一、为什么要设置 nginx 启动端口二、设置步骤三、常见问题及解决一、为什么要设置 nginx

vue基于ElementUI动态设置表格高度的3种方法

《vue基于ElementUI动态设置表格高度的3种方法》ElementUI+vue动态设置表格高度的几种方法,抛砖引玉,还有其它方法动态设置表格高度,大家可以开动脑筋... 方法一、css + js的形式这个方法需要在表格外层设置一个div,原理是将表格的高度设置成外层div的高度,所以外层的div需要

电脑密码怎么设置? 一文读懂电脑密码的详细指南

《电脑密码怎么设置?一文读懂电脑密码的详细指南》为了保护个人隐私和数据安全,设置电脑密码显得尤为重要,那么,如何在电脑上设置密码呢?详细请看下文介绍... 设置电脑密码是保护个人隐私、数据安全以及系统安全的重要措施,下面以Windows 11系统为例,跟大家分享一下设置电脑密码的具体办php法。Windo

如何设置vim永久显示行号

《如何设置vim永久显示行号》在Linux环境下,vim默认不显示行号,这在程序编译出错时定位错误语句非常不便,通过修改vim配置文件vimrc,可以在每次打开vim时永久显示行号... 目录设置vim永久显示行号1.临时显示行号2.永www.chinasem.cn久显示行号总结设置vim永久显示行号在li

Linux:alias如何设置永久生效

《Linux:alias如何设置永久生效》在Linux中设置别名永久生效的步骤包括:在/root/.bashrc文件中配置别名,保存并退出,然后使用source命令(或点命令)使配置立即生效,这样,别... 目录linux:alias设置永久生效步骤保存退出后功能总结Linux:alias设置永久生效步骤

Spring MVC如何设置响应

《SpringMVC如何设置响应》本文介绍了如何在Spring框架中设置响应,并通过不同的注解返回静态页面、HTML片段和JSON数据,此外,还讲解了如何设置响应的状态码和Header... 目录1. 返回静态页面1.1 Spring 默认扫描路径1.2 @RestController2. 返回 html2

四种简单方法 轻松进入电脑主板 BIOS 或 UEFI 固件设置

《四种简单方法轻松进入电脑主板BIOS或UEFI固件设置》设置BIOS/UEFI是计算机维护和管理中的一项重要任务,它允许用户配置计算机的启动选项、硬件设置和其他关键参数,该怎么进入呢?下面... 随着计算机技术的发展,大多数主流 PC 和笔记本已经从传统 BIOS 转向了 UEFI 固件。很多时候,我们也