dockerfile/examples/omnivore/content-fetch/readabilityjs/test/test-pages/wechat/expected.html

389 lines
37 KiB
HTML
Raw Normal View History

2024-03-15 14:52:38 +08:00
<DIV class="page" id="readability-page-1">
<div>
<div id="img-content">
<section>
<strong><span>点击上方</span></strong><span><strong><span>蓝字</span></strong></span><strong><img data-backh="578" data-backw="578" data-ratio="1" data-src="https://mmbiz.qpic.cn/mmbiz_gif/alGSYfaf9EX3Ko8AdDL0XJX90fJNCzjkLs1p04iahfqw2tO3rS4MKibOwibEGZR4Kdp6rXwqic3SVK3M0jX9h2rrHA/640?wx_fmt=gif" data-type="gif" data-w="640" data-index="1" src="https://mmbiz.qpic.cn/mmbiz_gif/alGSYfaf9EX3Ko8AdDL0XJX90fJNCzjkLs1p04iahfqw2tO3rS4MKibOwibEGZR4Kdp6rXwqic3SVK3M0jX9h2rrHA/640?wx_fmt=gif&wxfrom=5&wx_lazy=1" data-order="0" alt="Image" data-fail="0"><span>关注</span></strong><span><strong><span>维客笔记</span></strong></span>
</section>
<section>
<span>分享最实用的利器 | 探索解决问题的简单方案</span><br>
</section>
<section> 大家好我是来自1037号森林的BCS </section>
<section data-tool="mdnice编辑器" data-website="https://www.mdnice.com">
<h2 data-tool="mdnice编辑器">
<span>01 引言</span>
</h2>
<p data-tool="mdnice编辑器"> 我很看好的一款稍后读利器! </p>
<p data-tool="mdnice编辑器"> 很期待它的后续更新! </p>
<h2 data-tool="mdnice编辑器">
<span>02 它是谁</span>
</h2>
<p data-tool="mdnice编辑器"> 名曰<strong>Omnivore</strong>
</p>
<figure data-tool="mdnice编辑器">
<img data-ratio="0.5570948782535684" data-src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWAw5nnf13aptkiaoRCw9o9hvseUDKL9wBnZOmJt9ibibic6aVHMcff1BseQ/640?wx_fmt=png" data-type="png" data-w="2382" data-index="2" src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWAw5nnf13aptkiaoRCw9o9hvseUDKL9wBnZOmJt9ibibic6aVHMcff1BseQ/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1" crossorigin="anonymous" alt="Image" data-fail="0">
<figcaption> 图一:初见 </figcaption>
</figure>
<p data-tool="mdnice编辑器"> <strong>软件和插件获取方式在文末</strong> </p>
<h2 data-tool="mdnice编辑器">
<span>03 它有何特点</span>
</h2>
<p data-tool="mdnice编辑器"> 下面我先根据官网的展示,给大家介绍它的各种特点 </p>
<figure data-tool="mdnice编辑器">
<img data-ratio="0.2749003984063745" data-src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWw2l3c258bGEoibptnmicJgCicXfX8ic1YC2XCF9rEqxAhWaIeFC7MjqiabA/640?wx_fmt=png" data-type="png" data-w="2510" data-index="3" src="data:image/svg+xml,%3C%3Fxml%20version='1.0'%20encoding='UTF-8'%3F%3E%3Csvg%20width='1px'%20height='1px'%20viewBox='0%200%201%201'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20fill-opacity='0'%3E%3Cg%20transform='translate(-249.000000,%20-126.000000)'%20fill='%23FFFFFF'%3E%3Crect%20x='249'%20y='126'%20width='1'%20height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" crossorigin="anonymous" alt="Image">
<figcaption> 图二:稍详细的介绍 </figcaption>
</figure>
<ul data-tool="mdnice编辑器">
<li>
<section> 免费 </section>
</li>
<li>
<section> 开源 </section>
</li>
<li>
<section> 稍后读 </section>
</li>
<li>
<section> 可保存网页、newsletter订阅、文档等 </section>
</li>
<li>
<section> 保存之后,可进行高亮和注释 </section>
</li>
<li>
<section> 全端同步win/macos/安卓/ios/ipados </section>
</li>
<li>
<section> 再补一条可与Obsidian联通 </section>
</li>
</ul>
<p data-tool="mdnice编辑器"> 继续看图 </p>
<figure data-tool="mdnice编辑器">
<img data-ratio="0.8596587782058338" data-src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWibxYlWlB8KdqJJlHMjSQZrOktSADrwiaOzic3GhiaHymDAx1HyiaGeLJib9A/640?wx_fmt=png" data-type="png" data-w="1817" data-index="4" src="data:image/svg+xml,%3C%3Fxml%20version='1.0'%20encoding='UTF-8'%3F%3E%3Csvg%20width='1px'%20height='1px'%20viewBox='0%200%201%201'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20fill-opacity='0'%3E%3Cg%20transform='translate(-249.000000,%20-126.000000)'%20fill='%23FFFFFF'%3E%3Crect%20x='249'%20y='126'%20width='1'%20height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" crossorigin="anonymous" alt="Image">
<figcaption> 图三:欣赏一下,此图来自官网 </figcaption>
</figure>
<ul data-tool="mdnice编辑器">
<li>
<section> 效果还是不错的吧 </section>
</li>
</ul>
<figure data-tool="mdnice编辑器">
<img data-ratio="0.49970041941282206" data-src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWz7ib4jMJY3PrnBHYM37Nz8DhGefvauCvNw60xl5LNHAWI1SNrySxdug/640?wx_fmt=png" data-type="png" data-w="1669" data-index="5" src="data:image/svg+xml,%3C%3Fxml%20version='1.0'%20encoding='UTF-8'%3F%3E%3Csvg%20width='1px'%20height='1px'%20viewBox='0%200%201%201'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20fill-opacity='0'%3E%3Cg%20transform='translate(-249.000000,%20-126.000000)'%20fill='%23FFFFFF'%3E%3Crect%20x='249'%20y='126'%20width='1'%20height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" crossorigin="anonymous" alt="Image">
<figcaption> 图四:剪藏后的阅读效果 </figcaption>
</figure>
<ul data-tool="mdnice编辑器">
<li>
<section> 剪藏进入Omnivore之后Omnivore会格式化网页去除广告等不相关的元素给你一个干净&amp;舒适的阅读界面 </section>
</li>
</ul>
<figure data-tool="mdnice编辑器">
<img data-ratio="0.34566326530612246" data-src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWecicvKLlOUwiaJn27G2qLVk6HUTvpd2YTsPeTZpGzr61ggHuG2gewAgQ/640?wx_fmt=png" data-type="png" data-w="1568" data-index="6" src="data:image/svg+xml,%3C%3Fxml%20version='1.0'%20encoding='UTF-8'%3F%3E%3Csvg%20width='1px'%20height='1px'%20viewBox='0%200%201%201'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20fill-opacity='0'%3E%3Cg%20transform='translate(-249.000000,%20-126.000000)'%20fill='%23FFFFFF'%3E%3Crect%20x='249'%20y='126'%20width='1'%20height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" crossorigin="anonymous" alt="Image">
<figcaption> 图五:链接保存 </figcaption>
</figure>
<ul data-tool="mdnice编辑器">
<li>
<section> 随时随地保存链接并进行阅读,无需担心原网页被删除哈 </section>
</li>
</ul>
<figure data-tool="mdnice编辑器">
<img data-ratio="0.33271604938271604" data-src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWu6Kv3fYIx3DxX2L0UXiadLdo43MscPzIn5FHK8SM1BpEvSzNGE50M2Q/640?wx_fmt=png" data-type="png" data-w="1620" data-index="7" src="data:image/svg+xml,%3C%3Fxml%20version='1.0'%20encoding='UTF-8'%3F%3E%3Csvg%20width='1px'%20height='1px'%20viewBox='0%200%201%201'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20fill-opacity='0'%3E%3Cg%20transform='translate(-249.000000,%20-126.000000)'%20fill='%23FFFFFF'%3E%3Crect%20x='249'%20y='126'%20width='1'%20height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" crossorigin="anonymous" alt="Image">
<figcaption> 图六Newsletter </figcaption>
</figure>
<ul data-tool="mdnice编辑器">
<li>
<section> 可以将你订阅的newsletter直接发送到Omnivore库中随时阅读 </section>
</li>
</ul>
<figure data-tool="mdnice编辑器">
<img data-ratio="0.4544357272178636" data-src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIW309DKVnaKoQ1d7qm6kEg5754VaPkMO0q7IjEIwJ1fpGc9qNBfbtSMg/640?wx_fmt=png" data-type="png" data-w="1657" data-index="8" src="data:image/svg+xml,%3C%3Fxml%20version='1.0'%20encoding='UTF-8'%3F%3E%3Csvg%20width='1px'%20height='1px'%20viewBox='0%200%201%201'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20fill-opacity='0'%3E%3Cg%20transform='translate(-249.000000,%20-126.000000)'%20fill='%23FFFFFF'%3E%3Crect%20x='249'%20y='126'%20width='1'%20height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" crossorigin="anonymous" alt="Image">
<figcaption> 图七:你的阅读完全由你自己掌控 </figcaption>
</figure>
<ul data-tool="mdnice编辑器">
<li>
<section> 读你想读的,可通过标签、过滤器和完全索引的文本搜索,保持阅读的有序性 </section>
</li>
</ul>
<figure data-tool="mdnice编辑器">
<img data-ratio="0.3490269930947897" data-src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWEluACoLD6bIbGGyP3uJpPfictLR0jbaibcLPicBCTpuiaXeddib0RpSgnog/640?wx_fmt=png" data-type="png" data-w="1593" data-index="9" src="data:image/svg+xml,%3C%3Fxml%20version='1.0'%20encoding='UTF-8'%3F%3E%3Csvg%20width='1px'%20height='1px'%20viewBox='0%200%201%201'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20fill-opacity='0'%3E%3Cg%20transform='translate(-249.000000,%20-126.000000)'%20fill='%23FFFFFF'%3E%3Crect%20x='249'%20y='126'%20width='1'%20height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" crossorigin="anonymous" alt="Image">
<figcaption> 图八:为键盘党准备了一波 </figcaption>
</figure>
<ul data-tool="mdnice编辑器">
<li>
<section> 支持全键盘操作 </section>
</li>
<li>
<section> 支持集成知识库软件和笔记软件Logseq&amp;Webhooks&amp;Readwise这是目前官方文档里给的三个软件竟然没有Obsidian🤣 </section>
</li>
</ul>
<blockquote data-tool="mdnice编辑器">
<p> 不过请放心Ob也有方案搞定不难😋 </p>
</blockquote>
<p data-tool="mdnice编辑器"> 什么?!你还想听书?? </p>
<p data-tool="mdnice编辑器"> 这不就来了~ </p>
<figure data-tool="mdnice编辑器">
<img data-ratio="0.4397741530740276" data-src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWOHkjhQW2TdBK5nPFN2giafefMcD8mNSJ28r1RJzzZFGUglf0btq3Olg/640?wx_fmt=png" data-type="png" data-w="1594" data-index="10" src="data:image/svg+xml,%3C%3Fxml%20version='1.0'%20encoding='UTF-8'%3F%3E%3Csvg%20width='1px'%20height='1px'%20viewBox='0%200%201%201'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20fill-opacity='0'%3E%3Cg%20transform='translate(-249.000000,%20-126.000000)'%20fill='%23FFFFFF'%3E%3Crect%20x='249'%20y='126'%20width='1'%20height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" crossorigin="anonymous" alt="Image">
<figcaption> 图九:听 </figcaption>
</figure>
<ul data-tool="mdnice编辑器">
<li>
<section> ios党又要开心了,我试了,文本转语音真的很逼真 </section>
</li>
</ul>
<p data-tool="mdnice编辑器"> 要不给大家听一段? </p>
<section>
<span data-vw="657" data-vh="492.75" height="505" width="657" data-src="https://mp.weixin.qq.com/mp/readtemplate?t=pages/video_player_tmpl&auto=0&vid=wxv_2746276791178199040" data-w="640" data-ratio="0.5" frameborder="0" allowfullscreen="allowfullscreen" data-cover="http%3A%2F%2Fmmbiz.qpic.cn%2Fmmbiz_jpg%2FPR2BLDgtAWQfpRtQeRNMaEvjArqCicrIW8PJ4LcwDt1WXL2czA81G89I1S6HnnlMibpMDQS2yUeeicFD3O0VMxVGg%2F0%3Fwx_fmt%3Djpeg" data-mpvid="wxv_2746276791178199040" data-vidtype="2" id="js_mp_video_container_0" vid="wxv_2746276791178199040" scrolling="no"></span>
</section>
<ul data-tool="mdnice编辑器">
<li>
<section> 这里还要多说一句,支持选择语言(中英文都支持)、语速以及人声,一个个大大的赞 </section>
</li>
</ul>
<h2 data-tool="mdnice编辑器">
<span>04 它如何使用</span>
</h2>
<p data-tool="mdnice编辑器"> 很简单哈 </p>
<ul data-tool="mdnice编辑器">
<li>
<section>
<p> 为了方便各位小伙伴边用边学这里先放上官方网址https://omnivore.app/login </p>
</section>
</li>
<li>
<section>
<p> 注册,至于你想选哪个邮箱,随意 </p>
</section>
</li>
</ul>
<figure data-tool="mdnice编辑器">
<img data-ratio="0.7467811158798283" data-src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIW3ibicrHiajicmice2Kdb5DykFxLPW0pthYurAKK6gyhcjKZJNgcVicjc8wZQ/640?wx_fmt=png" data-type="png" data-w="1398" data-index="11" src="data:image/svg+xml,%3C%3Fxml%20version='1.0'%20encoding='UTF-8'%3F%3E%3Csvg%20width='1px'%20height='1px'%20viewBox='0%200%201%201'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20fill-opacity='0'%3E%3Cg%20transform='translate(-249.000000,%20-126.000000)'%20fill='%23FFFFFF'%3E%3Crect%20x='249'%20y='126'%20width='1'%20height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" crossorigin="anonymous" alt="Image">
<figcaption> 图十:注册 </figcaption>
<figcaption>
<br>
</figcaption>
<figcaption>
<br>
</figcaption>
</figure>
<ul data-tool="mdnice编辑器">
<li>
<section> 完事之后登录来到下图界面Omnivoer的Library </section>
</li>
</ul>
<figure data-tool="mdnice编辑器">
<img data-ratio="0.3977987421383648" data-src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWbRopaYq8cdVqMXbSicru3iaWVqicsq9Xg0pt7guiciaVvHluxfEyicA2w8MA/640?wx_fmt=png" data-type="png" data-w="2544" data-index="12" src="data:image/svg+xml,%3C%3Fxml%20version='1.0'%20encoding='UTF-8'%3F%3E%3Csvg%20width='1px'%20height='1px'%20viewBox='0%200%201%201'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20fill-opacity='0'%3E%3Cg%20transform='translate(-249.000000,%20-126.000000)'%20fill='%23FFFFFF'%3E%3Crect%20x='249'%20y='126'%20width='1'%20height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" crossorigin="anonymous" alt="Image">
<figcaption> 图十一Omnivoer Library </figcaption>
<figcaption>
<br>
</figcaption>
<figcaption>
<br>
</figcaption>
</figure>
<ul data-tool="mdnice编辑器">
<li>
<section> 剪藏,共有两种方式 </section>
</li>
</ul>
<p data-tool="mdnice编辑器">
<strong>第一种:</strong>粘贴网页链接见下图Add link
</p>
<figure data-tool="mdnice编辑器">
<img data-ratio="0.2725825706327099" data-src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWdXtGq6HfnA89qQicXspY3I5qnSk6PSTPFiaoH9C4PCIzPTGxq2HYJUfg/640?wx_fmt=png" data-type="png" data-w="2513" data-index="13" src="data:image/svg+xml,%3C%3Fxml%20version='1.0'%20encoding='UTF-8'%3F%3E%3Csvg%20width='1px'%20height='1px'%20viewBox='0%200%201%201'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20fill-opacity='0'%3E%3Cg%20transform='translate(-249.000000,%20-126.000000)'%20fill='%23FFFFFF'%3E%3Crect%20x='249'%20y='126'%20width='1'%20height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" crossorigin="anonymous" alt="Image">
<figcaption> 图十二add link </figcaption>
</figure>
<p data-tool="mdnice编辑器"> 给个链接剪藏试试https://mp.weixin.qq.com/s/bc2dhFa1tCUoExeMzZCv3A </p>
<p data-tool="mdnice编辑器"> 我的剪藏效果如下: </p>
<figure data-tool="mdnice编辑器">
<img data-ratio="0.402602523659306" data-src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWvOUgAlc5SN6vULKGHGo71UWasPeCniciaibNc2tJMfWBuaS0zpRG7YQNQ/640?wx_fmt=png" data-type="png" data-w="2536" data-index="14" src="data:image/svg+xml,%3C%3Fxml%20version='1.0'%20encoding='UTF-8'%3F%3E%3Csvg%20width='1px'%20height='1px'%20viewBox='0%200%201%201'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20fill-opacity='0'%3E%3Cg%20transform='translate(-249.000000,%20-126.000000)'%20fill='%23FFFFFF'%3E%3Crect%20x='249'%20y='126'%20width='1'%20height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" crossorigin="anonymous" alt="Image">
<figcaption> 图十三:剪藏效果 </figcaption>
<figcaption>
<br>
</figcaption>
<figcaption>
<br>
</figcaption>
</figure>
<p data-tool="mdnice编辑器">
<strong>第二种:</strong>安装Omnivoer浏览器插件打开网页所在页面然后点击插件图标即可完成剪藏十分方便
</p>
<figure data-tool="mdnice编辑器">
<img data-ratio="0.41474311243484735" data-src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWDRicFs9uSicRxcxeqDHz1foYpF8Boicz1AowLcUTqYichhU7bAU4WXCh7g/640?wx_fmt=png" data-type="png" data-w="1343" data-index="15" src="data:image/svg+xml,%3C%3Fxml%20version='1.0'%20encoding='UTF-8'%3F%3E%3Csvg%20width='1px'%20height='1px'%20viewBox='0%200%201%201'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20fill-opacity='0'%3E%3Cg%20transform='translate(-249.000000,%20-126.000000)'%20fill='%23FFFFFF'%3E%3Crect%20x='249'%20y='126'%20width='1'%20height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" crossorigin="anonymous" alt="Image">
<figcaption> 图十四:插件 </figcaption>
</figure>
<p data-tool="mdnice编辑器"> 如果你没有网络条件建议使用edge因为edge浏览器插件商店有此插件且不需要特殊网络条件。 </p>
<blockquote data-tool="mdnice编辑器">
<blockquote>
<p> edge浏览器有多么优秀我之前也说过👉 </p>
<ul>
<li>
<section>
<a target="_blank" href="http://mp.weixin.qq.com/s?__biz=MzU4MzgxNjczMA==&mid=2247485602&idx=1&sn=6b6c734b3ae4b3bcbb54a80547e5351f&chksm=fda20bd7cad582c1d829067f54bef01e9c8dbe893654a76af39b48e1ad28098eb62c5000518f&scene=21#wechat_redirect" textvalue="利器 | 1个浏览器+1个插件+1个网站" linktype="text" imgurl="" imgdata="null" data-itemshowtype="0" tab="innerlink" data-linktype="2" hasload="1">利器 | 1个浏览器+1个插件+1个网站</a><br>
</section>
</li>
<li>
<section>
<a target="_blank" href="http://mp.weixin.qq.com/s?__biz=MzU4MzgxNjczMA==&mid=2247485754&idx=1&sn=192015c59e47c4630f8508c4a235c704&chksm=fda20a4fcad58359a9547eb0e5922769b584ce867e03106dd8e2e7684e1ac724cfcc4e4e1319&scene=21#wechat_redirect" textvalue="Edge浏览器 | 我最喜欢的新标签页&一个技巧补充" linktype="text" imgurl="" imgdata="null" data-itemshowtype="0" tab="innerlink" data-linktype="2" hasload="1">Edge浏览器 | 我最喜欢的新标签页&amp;一个技巧补充</a>
</section>
</li>
</ul>
</blockquote>
</blockquote>
<ul data-tool="mdnice编辑器">
<li>
<section> 移动端 </section>
</li>
</ul>
<ol data-tool="mdnice编辑器">
<li>
<section>
<p> 对于ios用户直接在ios应用商店检索下载安装即可 </p>
</section>
</li>
<li>
<section>
<p> 对于安卓用户,安装包在文末获取吧 </p>
</section>
</li>
</ol>
<p data-tool="mdnice编辑器"> 另外对于安卓版本目前还处于pre-rlease </p>
<figure data-tool="mdnice编辑器">
<img data-ratio="0.28171334431630973" data-src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWnG6u0urGxvic8pReIGol7DdQju6SyehcloicBYWgicbDCrrsf75lrwXOw/640?wx_fmt=png" data-type="png" data-w="1214" data-index="16" src="data:image/svg+xml,%3C%3Fxml%20version='1.0'%20encoding='UTF-8'%3F%3E%3Csvg%20width='1px'%20height='1px'%20viewBox='0%200%201%201'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20fill-opacity='0'%3E%3Cg%20transform='translate(-249.000000,%20-126.000000)'%20fill='%23FFFFFF'%3E%3Crect%20x='249'%20y='126'%20width='1'%20height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" crossorigin="anonymous" alt="Image">
<figcaption> 图十五:客户端 </figcaption>
<figcaption>
<br>
</figcaption>
<figcaption>
<br>
</figcaption>
</figure>
<ol start="3" data-tool="mdnice编辑器">
<li>
<section> 移动端ios如何剪藏文章在浏览器中打开网页点击下方的分享按钮在弹出的对话框中找到Omnivore图标单机一下即可保存。在这之前还要在ios safari安装一下此插件哈 </section>
</li>
</ol>
<figure data-tool="mdnice编辑器">
<img data-ratio="1.136" data-src="https://mmbiz.qpic.cn/mmbiz_jpg/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWPqbIbCP74bbAVgqcXFiaZdMRkf5nF3DJV1XSRDfyWs1Bf2ia9x1YIJdA/640?wx_fmt=jpeg" data-type="jpeg" data-w="1125" data-index="17" src="data:image/svg+xml,%3C%3Fxml%20version='1.0'%20encoding='UTF-8'%3F%3E%3Csvg%20width='1px'%20height='1px'%20viewBox='0%200%201%201'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20fill-opacity='0'%3E%3Cg%20transform='translate(-249.000000,%20-126.000000)'%20fill='%23FFFFFF'%3E%3Crect%20x='249'%20y='126'%20width='1'%20height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" crossorigin="anonymous" alt="Image">
<figcaption> 图十六Omnivore ios safari扩展 </figcaption>
</figure>
<blockquote data-tool="mdnice编辑器">
<p> 剪藏之后,至于如何管理和怎样阅读,每个小伙伴都有自己独特的方法,这里我就不做过多介绍了! </p>
</blockquote>
<h2 data-tool="mdnice编辑器">
<span>05 Omnivore与Obsidian</span>
</h2>
<blockquote data-tool="mdnice编辑器">
<p> 先让我感叹一下Ob有各种插件开发大佬还有什么功能是它实现不了的好好用Ob是你用而不是你被Ob耽误了真的能解决你的各种需求 </p>
</blockquote>
<ul data-tool="mdnice编辑器">
<li>
<section>
<strong>插件名称:</strong>obsidian-omnivore
</section>
</li>
<li>
<section>
<strong>贡献者:</strong>如下
</section>
</li>
</ul>
<figure data-tool="mdnice编辑器">
<img data-ratio="0.6120996441281139" data-src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIW1J8J2jVfUBZYEicJPAFCAzSb6JhX5ib60zWAC4njjB4VGtAqZiaJ8zh0w/640?wx_fmt=png" data-type="png" data-w="281" data-index="18" src="data:image/svg+xml,%3C%3Fxml%20version='1.0'%20encoding='UTF-8'%3F%3E%3Csvg%20width='1px'%20height='1px'%20viewBox='0%200%201%201'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20fill-opacity='0'%3E%3Cg%20transform='translate(-249.000000,%20-126.000000)'%20fill='%23FFFFFF'%3E%3Crect%20x='249'%20y='126'%20width='1'%20height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" crossorigin="anonymous" alt="Image">
<figcaption> 图十七 </figcaption>
</figure>
<ul data-tool="mdnice编辑器">
<li>
<section>
<p>
<strong>插件功能:</strong>将Omnivore中的文章包括高亮和注释同步到Ob库中
</p>
</section>
</li>
<li>
<section>
<p>
<strong>如何配置?</strong>
</p>
</section>
</li>
</ul>
<ol data-tool="mdnice编辑器">
<li>
<section> 此插件暂未上架,在文末获取 </section>
</li>
<li>
<section> 安装并启用插件 </section>
</li>
<li>
<section> 在Ob库里创建一个文件夹专门用于存放从Omnivore中导入的内容 </section>
</li>
<li>
<section> 打开插件选项设置界面,我的初步配置如下 </section>
</li>
</ol>
<figure data-tool="mdnice编辑器">
<img data-ratio="0.800625" data-src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWCFknV34d04UjneSV4EWZicfEougLQgYefa88ia1CevE6b2lgWT1kZK3w/640?wx_fmt=png" data-type="png" data-w="1600" data-index="19" src="data:image/svg+xml,%3C%3Fxml%20version='1.0'%20encoding='UTF-8'%3F%3E%3Csvg%20width='1px'%20height='1px'%20viewBox='0%200%201%201'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20fill-opacity='0'%3E%3Cg%20transform='translate(-249.000000,%20-126.000000)'%20fill='%23FFFFFF'%3E%3Crect%20x='249'%20y='126'%20width='1'%20height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" crossorigin="anonymous" alt="Image">
<figcaption> 图十八 </figcaption>
</figure>
<p data-tool="mdnice编辑器"> API Keys的获取方式打开网页版Omnivore点击右上角即可看到API keys </p>
<figure data-tool="mdnice编辑器">
<img data-ratio="0.29352972119936876" data-src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIW8iaZhWf5tGlHguEibCY4ONHMSybNQy9OBGXOT6FqsXichrsdJaSRdnutg/640?wx_fmt=png" data-type="png" data-w="1901" data-index="20" src="data:image/svg+xml,%3C%3Fxml%20version='1.0'%20encoding='UTF-8'%3F%3E%3Csvg%20width='1px'%20height='1px'%20viewBox='0%200%201%201'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20fill-opacity='0'%3E%3Cg%20transform='translate(-249.000000,%20-126.000000)'%20fill='%23FFFFFF'%3E%3Crect%20x='249'%20y='126'%20width='1'%20height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" crossorigin="anonymous" alt="Image">
<figcaption> 图十九 </figcaption>
</figure>
<p data-tool="mdnice编辑器"> 然后你需要点下图的create </p>
<figure data-tool="mdnice编辑器">
<img data-ratio="0.12473572938689217" data-src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWVhAqibu8riaTpfHkjE3t9xLCMNeW63n9XbFQ8fNMZvVQaPYNBTJT1KzQ/640?wx_fmt=png" data-type="png" data-w="1892" data-index="21" src="data:image/svg+xml,%3C%3Fxml%20version='1.0'%20encoding='UTF-8'%3F%3E%3Csvg%20width='1px'%20height='1px'%20viewBox='0%200%201%201'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20fill-opacity='0'%3E%3Cg%20transform='translate(-249.000000,%20-126.000000)'%20fill='%23FFFFFF'%3E%3Crect%20x='249'%20y='126'%20width='1'%20height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" crossorigin="anonymous" alt="Image">
<figcaption> 图二十 </figcaption>
</figure>
<p data-tool="mdnice编辑器"> 创建之后并复制 </p>
<p data-tool="mdnice编辑器"> 最后粘贴到图十八的api key处就行。 </p>
<p data-tool="mdnice编辑器"> 参考图十八的配置完成之后,接下来就是运行了 </p>
<ul data-tool="mdnice编辑器">
<li>
<section> 在Ob中我们打开命令面板ctrl+P然后输入Omnivore </section>
</li>
</ul>
<figure data-tool="mdnice编辑器">
<img data-ratio="0.23768115942028986" data-src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWR0pr2EWImxRAO7Uib0rCwAJz1Vq8M4fat9ib3xnhVSsH4xLnJZH9ic2qQ/640?wx_fmt=png" data-type="png" data-w="1035" data-index="22" src="data:image/svg+xml,%3C%3Fxml%20version='1.0'%20encoding='UTF-8'%3F%3E%3Csvg%20width='1px'%20height='1px'%20viewBox='0%200%201%201'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20fill-opacity='0'%3E%3Cg%20transform='translate(-249.000000,%20-126.000000)'%20fill='%23FFFFFF'%3E%3Crect%20x='249'%20y='126'%20width='1'%20height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" crossorigin="anonymous" alt="Image">
<figcaption> 图二十一 </figcaption>
</figure>
<p data-tool="mdnice编辑器"> 两个同步命令,随便点,然后就同步过来了 </p>
<figure data-tool="mdnice编辑器">
<img data-ratio="0.4118715929739552" data-src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWYxDAibQuvlgPiaib08yKR7BqgSAKNoac5yicctMCwRenukYxvGOJZdibCFg/640?wx_fmt=png" data-type="png" data-w="1651" data-index="23" src="data:image/svg+xml,%3C%3Fxml%20version='1.0'%20encoding='UTF-8'%3F%3E%3Csvg%20width='1px'%20height='1px'%20viewBox='0%200%201%201'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20fill-opacity='0'%3E%3Cg%20transform='translate(-249.000000,%20-126.000000)'%20fill='%23FFFFFF'%3E%3Crect%20x='249'%20y='126'%20width='1'%20height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" crossorigin="anonymous" alt="Image">
<figcaption> 图二十二 </figcaption>
</figure>
<h2 data-tool="mdnice编辑器">
<span>06 有何问题</span>
</h2>
<ul data-tool="mdnice编辑器">
<li>
<section> 剪藏的微信公众号推文竟然没有图片试了一个英文newsletter是有图片的 </section>
</li>
<li>
<section> 文章标题是中文时,如图二十二所示,标题会变成数字+字母 </section>
</li>
</ul>
<h2 data-tool="mdnice编辑器">
<span>07 写在最后</span>
</h2>
<ul data-tool="mdnice编辑器">
<li>
<section> 很不错的稍后读APP期待后续更新 </section>
</li>
<li>
<section> 为简悦和Cubox而担忧 </section>
</li>
</ul>
<blockquote data-tool="mdnice编辑器">
<p> 都是十分优秀的产品,期待你们都发展的更好吧! </p>
</blockquote>
</section>
<hr>
<section> 感谢关注/点赞/分享 </section>
<section>
<em>A better you, A bigger world!</em>
</section>
</div>
<div id="content_bottom_area">
<p><span role="button"><span><span>上一篇</span><span><span>记录 | 解决简悦剪藏的两个Bug</span></span></span></span><span role="button"><span><span>下一篇</span><span><span>Obsidian极简日记配置教程</span></span></span></span>
</p>
</div>
</div>
</DIV>