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

389 lines
37 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<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>