Skip to content

Commit a86e37e

Browse files
committed
修改文件位置,初步修改格式
1 parent f1bc8b6 commit a86e37e

15 files changed

+91
-81
lines changed
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,91 @@
1+
# 利用 Obsidian Web Clipper 浏览器插件 配合 obsidian-local-images 插件 结合 betternotes 实现保存网页快照的功能
2+
3+
## 一 使用 Obsidian Web Clipper 浏览器插件抓取网页
4+
5+
## 下载
6+
7+
[Obsidian Web Clipper](https://obsidian.md/clipper#more-browsers)
8+
9+
1.edge 的扩展插件是引用到谷歌商店的,所以要科学上网一下
10+
11+
2.如果不想科学上网有两个办法,
12+
13+
第一 可以用 fixfox 火狐浏览器
14+
15+
第二 可以去 GitHub 项目上,下载对应 crx 安装,
16+
17+
由于无论是相较于原生谷歌商店下载插件来说,还是去第三方商店获取谷歌插件,用官方原生 crx 扩展可能更安全一点,
18+
19+
推荐去 GitHub([发布 ·obsidianmd/obsidian-clipper](https://github.com/obsidianmd/obsidian-clipper/releases))上去进行下载
20+
21+
例如现在是 0.9.4 版本就直接去下载对应的版本 zip,解压一下,
22+
23+
然后去浏览器开启开发者模式,加载已经解压缩的插件就可以了
24+
25+
![image-20241031111619794](../../assets/images/obsidian-web-clipper/image-20241031111619794.png)
26+
27+
GitHub 项目 [obsidianmd/obsidian-clipper: Obsidian 的官方网页剪辑器扩展。](https://github.com/obsidianmd/obsidian-clipper)
28+
29+
### (二)使用
30+
31+
去扩展里面显示插件
32+
33+
![image-20241031113106428](../../assets/images/obsidian-web-clipper/image-20241031113106428.png)
34+
35+
其实也不需要配置很多,就是设置一下文章保存的 obsidian 文件夹就可以了
36+
37+
![image-20241031113424837](../../assets/images/obsidian-web-clipper/image-20241031113424837.png)
38+
39+
点击一下 Add to obsidian 跳转到 obsidian 就保存好了,不过这个是网页图片,要转换为本地图片还需要使用,obsidian 的 local-images 插件
40+
41+
![image-20241031113648796](../../assets/images/obsidian-web-clipper/image-20241031113648796.png)
42+
43+
## 二 下载网络图片
44+
45+
obsidian 的 local-images 插件
46+
47+
第一种下载方式是直接去 obsidian 插件商店下载(推荐)
48+
49+
点击浏览
50+
51+
![image-20241031112143518](../../assets/images/obsidian-web-clipper/image-20241031112143518.png)
52+
53+
输入 Local images 第二个 Local images 比较好用一点
54+
55+
![image-20241031112349478](../../assets/images/obsidian-web-clipper/image-20241031112349478.png)
56+
57+
第二种下载方式去 GitHub 下载[发布 ·aleksey-rezvov/obsidian-local-images](https://github.com/aleksey-rezvov/obsidian-local-images/releases)
58+
59+
![image-20241031113959070](../../assets/images/obsidian-web-clipper/image-20241031113959070.png)
60+
61+
按照自己的使用习惯去配置一下
62+
63+
![Clipboard - 2024-10-31 11.27.32](<../../assets/images/obsidian-web-clipper/Clipboard - 2024-10-31 11.27.32.png>)
64+
65+
在你刚刚获取的文章界面,打开命令行输入 lo,选择 Local images: Download images locally for all your notes
66+
67+
本地镜像:本地下载镜像 Local images: Download images locally
68+
69+
本地图像:将所有笔记的图像下载到本地 Local images: Download images locally for all your notes
70+
71+
![image-20241031114102345](../../assets/images/obsidian-web-clipper/image-20241031114102345.png)
72+
73+
好了现在就保存到你的网页图片就保存到你的设置的文档里面了
74+
75+
### 三 解决上不了 GitHub 的办法
76+
77+
win 可以去微软应用商店下载
78+
79+
![image-20241031114443572](../../assets/images/obsidian-web-clipper/image-20241031114443572.png)
80+
81+
其他系统可以去官网下载[瓦特工具箱(Steam++官网) - Watt Toolkit](https://steampp.net/)
82+
83+
![image-20241031114555533](../../assets/images/obsidian-web-clipper/image-20241031114555533.png)
84+
85+
使用的话,这边默认没有点全,可可以先点击展开,点全,然后点击加速就可以
86+
87+
![image-20241031114731346](../../assets/images/obsidian-web-clipper/image-20241031114731346.png)
88+
89+
### 四 结合 Better Notes 保存
90+
91+
文字的就可以直接粘贴到 betternotes 插件里面 图文版本的话就可以放在 obsidian 进行保存了。

利用ob Web Clipper浏览器插件 配合obsidian-local-images插件 结合betternotes 实现保存网页快照的功能/利用ob Web Clipper浏览器插件 配合obsidian-local-images插件 结合betternotes 实现保存网页快照的功能.md

-81
This file was deleted.

0 commit comments

Comments
 (0)