Merge pull request #1799 from omnivore-app/generate-static-html-for-readaibility

generate static html for readaibility
This commit is contained in:
Hongbo Wu 2023-02-10 16:24:38 +08:00 committed by GitHub
commit c0d958c8a4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
11 changed files with 4068 additions and 1120 deletions

49
.github/workflows/run-distiller.yml vendored Normal file
View file

@ -0,0 +1,49 @@
name: Run DomDistiller on test pages
on:
pull_request:
branches:
- main
paths:
- 'packages/readabilityjs/test/test-pages/**'
workflow_dispatch:
jobs:
run-distiller:
runs-on: ubuntu-latest
steps:
- name: Checkout
uses: actions/checkout@v3
with:
repository: ${{ github.event.pull_request.head.repo.full_name }}
ref: ${{ github.event.pull_request.head.ref }}
- name: Setup Go
uses: actions/setup-go@v3
with:
go-version: 1.19
- name: Generate distiller output for readability
run: |
go install github.com/omnivore-app/go-domdistiller@latest
for f in packages/readabilityjs/test/test-pages/*; do
echo "Processing $f file..."
# skip newsletters for now
if [ "$f" = "packages/readabilityjs/test/test-pages/newsletters" ]; then
continue
fi
go-domdistiller file -i $f/source.html -o $f/distiller.html
done
- name: Setup Python
uses: actions/setup-python@v4
with:
python-version: 3.9
- name: Generate static html
run: |
cd packages/readabilityjs/test
python generate_static.py
- name: Commit changes and push
uses: EndBug/add-and-commit@v9
with:
add: '.'
message: 'Update generated html'
push: true

38
.github/workflows/static.yml vendored Normal file
View file

@ -0,0 +1,38 @@
name: Deploy static content to Pages
on:
push:
branches:
- main
paths:
- 'packages/readabilityjs/test/index.html'
workflow_dispatch:
permissions:
contents: read
pages: write
id-token: write
concurrency:
group: "pages"
cancel-in-progress: true
jobs:
deploy:
environment:
name: github-pages
url: ${{ steps.deployment.outputs.page_url }}
runs-on: ubuntu-latest
steps:
- name: Checkout
uses: actions/checkout@v3
- name: Setup Pages
uses: actions/configure-pages@v3
- name: Upload artifact
uses: actions/upload-pages-artifact@v1
with:
path: 'packages/readabilityjs/test/index.html'
- name: Deploy to GitHub Pages
id: deployment
uses: actions/deploy-pages@v1

View file

@ -2975,8 +2975,6 @@ Readability.prototype = {
const byline = metadata.byline || this._articleByline;
const [author, publishedAt] = extractPublishedDateFromAuthor(byline);
this.log("Grabbed: " + articleContent.innerHTML);
this._postProcessContent(articleContent);
// If we haven't found an excerpt in the article's metadata, use the article's

View file

@ -6,7 +6,8 @@ from os.path import isfile, join
testdirs = [f for f in listdir(
"test-pages") if not isfile(join("test-pages", f))]
print("""
file = open("index.html", "w")
file.write("""
<!DOCTYPE html>
<html>
@ -24,7 +25,7 @@ print("""
""")
for testdir in testdirs:
print(f"""
file.write(f"""
<li>{testdir}<br />
<a href="./test-pages/{testdir}/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/{testdir}/expected.html" target="iframe_b">[readability]</a>
@ -33,11 +34,11 @@ for testdir in testdirs:
""")
print("""
file.write("""
</ul>
</td>
<td valign="top">
<iframe name="iframe_b" frameborder="1" scrolling="yes" width="100%" height="1080">
<iframe name="iframe_b" frameborder="1" scrolling="yes" width="100%" height="2500">
<p>Your browser does not support iframes.</p>
</iframe>
</td>
@ -47,3 +48,5 @@ print("""
</html>
""")
file.close()

View file

@ -0,0 +1,454 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<table style="width: 100%">
<tr>
<td valign="top" style="width: 250px">
<ul>
<li>danwang<br />
<a href="./test-pages/danwang/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/danwang/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/danwang/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>omnivore_getting_started<br />
<a href="./test-pages/omnivore_getting_started/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/omnivore_getting_started/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/omnivore_getting_started/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>nymag<br />
<a href="./test-pages/nymag/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/nymag/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/nymag/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>computerenhance.com<br />
<a href="./test-pages/computerenhance.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/computerenhance.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/computerenhance.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>substack-michaelshellenberger<br />
<a href="./test-pages/substack-michaelshellenberger/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/substack-michaelshellenberger/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/substack-michaelshellenberger/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>stratechery<br />
<a href="./test-pages/stratechery/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/stratechery/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/stratechery/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>cnbc<br />
<a href="./test-pages/cnbc/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/cnbc/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/cnbc/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>elidourado<br />
<a href="./test-pages/elidourado/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/elidourado/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/elidourado/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>financialpost-fishing-for-chips<br />
<a href="./test-pages/financialpost-fishing-for-chips/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/financialpost-fishing-for-chips/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/financialpost-fishing-for-chips/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>cavesocial<br />
<a href="./test-pages/cavesocial/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/cavesocial/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/cavesocial/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>newsletters<br />
<a href="./test-pages/newsletters/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/newsletters/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/newsletters/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>spakhm<br />
<a href="./test-pages/spakhm/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/spakhm/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/spakhm/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>nytimes-podcasts<br />
<a href="./test-pages/nytimes-podcasts/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/nytimes-podcasts/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/nytimes-podcasts/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>china.substack<br />
<a href="./test-pages/china.substack/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/china.substack/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/china.substack/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>community.musictribe.com<br />
<a href="./test-pages/community.musictribe.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/community.musictribe.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/community.musictribe.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>berthub-2<br />
<a href="./test-pages/berthub-2/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/berthub-2/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/berthub-2/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>samcurry<br />
<a href="./test-pages/samcurry/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/samcurry/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/samcurry/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>variety<br />
<a href="./test-pages/variety/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/variety/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/variety/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>infoproc<br />
<a href="./test-pages/infoproc/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/infoproc/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/infoproc/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>computer.rip<br />
<a href="./test-pages/computer.rip/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/computer.rip/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/computer.rip/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>news.utexas<br />
<a href="./test-pages/news.utexas/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/news.utexas/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/news.utexas/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>electrek<br />
<a href="./test-pages/electrek/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/electrek/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/electrek/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>sciencedirect<br />
<a href="./test-pages/sciencedirect/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/sciencedirect/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/sciencedirect/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>jacobbrazeal<br />
<a href="./test-pages/jacobbrazeal/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/jacobbrazeal/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/jacobbrazeal/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>getting_started_with_omnivore<br />
<a href="./test-pages/getting_started_with_omnivore/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/getting_started_with_omnivore/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/getting_started_with_omnivore/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>berthub<br />
<a href="./test-pages/berthub/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/berthub/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/berthub/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>josephg<br />
<a href="./test-pages/josephg/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/josephg/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/josephg/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>gflownet<br />
<a href="./test-pages/gflownet/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/gflownet/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/gflownet/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>gdcvault<br />
<a href="./test-pages/gdcvault/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/gdcvault/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/gdcvault/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>instyle<br />
<a href="./test-pages/instyle/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/instyle/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/instyle/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>slowboring<br />
<a href="./test-pages/slowboring/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/slowboring/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/slowboring/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>bookofhook.blogspot.com<br />
<a href="./test-pages/bookofhook.blogspot.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/bookofhook.blogspot.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/bookofhook.blogspot.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>dailymail<br />
<a href="./test-pages/dailymail/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/dailymail/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/dailymail/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>fiercepharma<br />
<a href="./test-pages/fiercepharma/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/fiercepharma/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/fiercepharma/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>nytimes<br />
<a href="./test-pages/nytimes/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/nytimes/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/nytimes/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>wechat<br />
<a href="./test-pages/wechat/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/wechat/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/wechat/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>milkroad<br />
<a href="./test-pages/milkroad/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/milkroad/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/milkroad/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>github-blog<br />
<a href="./test-pages/github-blog/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/github-blog/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/github-blog/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>johnhcochrane.blogspot<br />
<a href="./test-pages/johnhcochrane.blogspot/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/johnhcochrane.blogspot/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/johnhcochrane.blogspot/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>jsomers<br />
<a href="./test-pages/jsomers/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/jsomers/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/jsomers/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>medium<br />
<a href="./test-pages/medium/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/medium/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/medium/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>erik-engheim<br />
<a href="./test-pages/erik-engheim/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/erik-engheim/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/erik-engheim/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>fast-company<br />
<a href="./test-pages/fast-company/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/fast-company/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/fast-company/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>youtube-embed<br />
<a href="./test-pages/youtube-embed/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/youtube-embed/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/youtube-embed/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>ottawacitizen.com<br />
<a href="./test-pages/ottawacitizen.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/ottawacitizen.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/ottawacitizen.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>danluu<br />
<a href="./test-pages/danluu/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/danluu/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/danluu/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>substack-email<br />
<a href="./test-pages/substack-email/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/substack-email/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/substack-email/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>moxie.org<br />
<a href="./test-pages/moxie.org/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/moxie.org/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/moxie.org/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>vanityfair<br />
<a href="./test-pages/vanityfair/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/vanityfair/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/vanityfair/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>stackoverflow<br />
<a href="./test-pages/stackoverflow/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/stackoverflow/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/stackoverflow/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>blog.jetbrains.com<br />
<a href="./test-pages/blog.jetbrains.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/blog.jetbrains.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/blog.jetbrains.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>bitfieldconsulting<br />
<a href="./test-pages/bitfieldconsulting/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/bitfieldconsulting/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/bitfieldconsulting/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>techcrunch<br />
<a href="./test-pages/techcrunch/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/techcrunch/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/techcrunch/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>rootsofprogress<br />
<a href="./test-pages/rootsofprogress/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/rootsofprogress/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/rootsofprogress/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>channelnewsasia<br />
<a href="./test-pages/channelnewsasia/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/channelnewsasia/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/channelnewsasia/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>jon.bo<br />
<a href="./test-pages/jon.bo/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/jon.bo/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/jon.bo/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>aboveavalon<br />
<a href="./test-pages/aboveavalon/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/aboveavalon/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/aboveavalon/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>city-journal<br />
<a href="./test-pages/city-journal/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/city-journal/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/city-journal/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>energias-renovables.com<br />
<a href="./test-pages/energias-renovables.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/energias-renovables.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/energias-renovables.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>biospace<br />
<a href="./test-pages/biospace/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/biospace/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/biospace/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>guardian<br />
<a href="./test-pages/guardian/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/guardian/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/guardian/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>thevaluable.dev<br />
<a href="./test-pages/thevaluable.dev/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/thevaluable.dev/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/thevaluable.dev/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>mathoverflow<br />
<a href="./test-pages/mathoverflow/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/mathoverflow/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/mathoverflow/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>nytimes.com<br />
<a href="./test-pages/nytimes.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/nytimes.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/nytimes.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>people<br />
<a href="./test-pages/people/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/people/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/people/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>garymarcus<br />
<a href="./test-pages/garymarcus/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/garymarcus/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/garymarcus/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>ft.com<br />
<a href="./test-pages/ft.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/ft.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/ft.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>debugger.medium<br />
<a href="./test-pages/debugger.medium/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/debugger.medium/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/debugger.medium/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>channelnewsasia02<br />
<a href="./test-pages/channelnewsasia02/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/channelnewsasia02/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/channelnewsasia02/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>brookings.edu<br />
<a href="./test-pages/brookings.edu/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/brookings.edu/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/brookings.edu/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>sydney.com<br />
<a href="./test-pages/sydney.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/sydney.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/sydney.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
</ul>
</td>
<td valign="top">
<iframe name="iframe_b" frameborder="1" scrolling="yes" width="100%" height="2500">
<p>Your browser does not support iframes.</p>
</iframe>
</td>
</tr>
</table>
</body>
</html>

View file

@ -0,0 +1,151 @@
<div><div>
<span>Original</span> <span></span>
<em>2023-01-10 07:07</em> <em role="option">Posted on <span>湖北</span></em>
</div><div>
收录于合集
</div><section>
<strong><span>点击上方</span></strong><span><strong><span>蓝字</span></strong></span></section><img src="https://mmbiz.qpic.cn/mmbiz_gif/alGSYfaf9EX3Ko8AdDL0XJX90fJNCzjkLs1p04iahfqw2tO3rS4MKibOwibEGZR4Kdp6rXwqic3SVK3M0jX9h2rrHA/640?wx_fmt=gif" alt="Image"/><section><strong><span>关注</span></strong><span><strong><span>维客笔记</span></strong></span>
</section><section>
<span>分享最实用的利器 | 探索解决问题的简单方案</span><br/>
</section><section>
大家好我是来自1037号森林的BCS
</section><h2>
<span>01 引言</span>
</h2><p>
我很看好的一款稍后读利器!
</p><p>
很期待它的后续更新!
</p><h2>
<span>02 它是谁</span>
</h2><p>
名曰<strong>Omnivore</strong>
</p><figure><img src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWAw5nnf13aptkiaoRCw9o9hvseUDKL9wBnZOmJt9ibibic6aVHMcff1BseQ/640?wx_fmt=png" crossorigin="anonymous" alt="Image"/><figcaption>图一:初见</figcaption></figure><p>
<strong>软件和插件获取方式在文末</strong>
</p><h2>
<span>03 它有何特点</span>
</h2><p>
下面我先根据官网的展示,给大家介绍它的各种特点
</p><figure><img src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWw2l3c258bGEoibptnmicJgCicXfX8ic1YC2XCF9rEqxAhWaIeFC7MjqiabA/640?wx_fmt=png" crossorigin="anonymous" alt="Image"/><figcaption>图二:稍详细的介绍</figcaption></figure><ul><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>
继续看图
</p><figure><img src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWibxYlWlB8KdqJJlHMjSQZrOktSADrwiaOzic3GhiaHymDAx1HyiaGeLJib9A/640?wx_fmt=png" crossorigin="anonymous" alt="Image"/><figcaption>图三:欣赏一下,此图来自官网</figcaption></figure><ul><li><section>
效果还是不错的吧
</section></li></ul><figure><img src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWz7ib4jMJY3PrnBHYM37Nz8DhGefvauCvNw60xl5LNHAWI1SNrySxdug/640?wx_fmt=png" crossorigin="anonymous" alt="Image"/><figcaption>图四:剪藏后的阅读效果</figcaption></figure><ul><li><section>
剪藏进入Omnivore之后Omnivore会格式化网页去除广告等不相关的元素给你一个干净&amp;舒适的阅读界面
</section></li></ul><figure><img src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWecicvKLlOUwiaJn27G2qLVk6HUTvpd2YTsPeTZpGzr61ggHuG2gewAgQ/640?wx_fmt=png" crossorigin="anonymous" alt="Image"/><figcaption>图五:链接保存</figcaption></figure><ul><li><section>
随时随地保存链接并进行阅读,无需担心原网页被删除哈
</section></li></ul><figure><img src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWu6Kv3fYIx3DxX2L0UXiadLdo43MscPzIn5FHK8SM1BpEvSzNGE50M2Q/640?wx_fmt=png" crossorigin="anonymous" alt="Image"/><figcaption>图六Newsletter</figcaption></figure><ul><li><section>
可以将你订阅的newsletter直接发送到Omnivore库中随时阅读
</section></li></ul><figure><img src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIW309DKVnaKoQ1d7qm6kEg5754VaPkMO0q7IjEIwJ1fpGc9qNBfbtSMg/640?wx_fmt=png" crossorigin="anonymous" alt="Image"/><figcaption>图七:你的阅读完全由你自己掌控</figcaption></figure><ul><li><section>
读你想读的,可通过标签、过滤器和完全索引的文本搜索,保持阅读的有序性
</section></li></ul><figure><img src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWEluACoLD6bIbGGyP3uJpPfictLR0jbaibcLPicBCTpuiaXeddib0RpSgnog/640?wx_fmt=png" crossorigin="anonymous" alt="Image"/><figcaption>图八:为键盘党准备了一波</figcaption></figure><ul><li><section>
支持全键盘操作
</section></li><li><section>
支持集成知识库软件和笔记软件Logseq&amp;Webhooks&amp;Readwise这是目前官方文档里给的三个软件竟然没有Obsidian🤣
</section></li></ul><blockquote><p>
不过请放心Ob也有方案搞定不难😋
</p></blockquote><p>
什么?!你还想听书??
</p><p>
这不就来了~
</p><figure><img src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWOHkjhQW2TdBK5nPFN2giafefMcD8mNSJ28r1RJzzZFGUglf0btq3Olg/640?wx_fmt=png" crossorigin="anonymous" alt="Image"/><figcaption>图九:听</figcaption></figure><ul><li><section>
ios党又要开心了,我试了,文本转语音真的很逼真
</section></li></ul><p>
要不给大家听一段?
</p><p role="heading">
视频加载失败,请刷新页面再试
</p><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAqCAMAAADhynmdAAAAQlBMVEUAAACcnJycnJycnJyoqKicnJycnJycnJycnJycnJyfn5+cnJydnZ2enp6kpKSdnZ2cnJyenp6cnJycnJycnJybm5t8KrXMAAAAFXRSTlMAyeb3CNp3tJRvHIEtJhBgqztWRJ+p5TqGAAABCklEQVQ4y5WTi27DIAxFAUMhgTzX8/+/urB2pdKI0x0pSoRuruyLbf7gF3PBaDE6X44LyY0D1SJQsfd9PpMM/CJx60v8SmV1HMSi1lKyA1n0jnwWSO08l04uJbxpBmTrpDtbGB6fmxC6Tc4BHv9aZDJdJsHW9w43Jez9x8T5M4l31WZsJn2bsYY+nUum2lQkGIVANPZ4FCLWOJImSTgjZE2SkU9crmu57mj9JBc93Qzj9R1d3HSG5bN5MRsnUzcGKK8Ns02z+Da7rYQE4bUE2PG1C6kVnkCyf0pwX8/jwbyxCLhcHpKTFkvkwK3pRmXtRrVFoTGYLvN+t0EUl0qrRaF1pFBz0anp/ptvNB4SY1XDAVMAAAAASUVORK5CYII=" alt=""/><ul><li><section>
移动端
</section></li></ul><ol><li><section>
<p>
对于ios用户直接在ios应用商店检索下载安装即可
</p>
</section></li><li><section>
<p>
对于安卓用户,安装包在文末获取吧
</p>
</section></li></ol><p>
另外对于安卓版本目前还处于pre-rlease
</p><figure><img src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWnG6u0urGxvic8pReIGol7DdQju6SyehcloicBYWgicbDCrrsf75lrwXOw/640?wx_fmt=png" crossorigin="anonymous" alt="Image"/><figcaption>图十五:客户端</figcaption></figure><ol><li><section>
移动端ios如何剪藏文章在浏览器中打开网页点击下方的分享按钮在弹出的对话框中找到Omnivore图标单机一下即可保存。在这之前还要在ios safari安装一下此插件哈
</section></li></ol><figure><img src="https://mmbiz.qpic.cn/mmbiz_jpg/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWPqbIbCP74bbAVgqcXFiaZdMRkf5nF3DJV1XSRDfyWs1Bf2ia9x1YIJdA/640?wx_fmt=jpeg" crossorigin="anonymous" alt="Image"/><figcaption>图十六Omnivore ios safari扩展</figcaption></figure><blockquote><p>
剪藏之后,至于如何管理和怎样阅读,每个小伙伴都有自己独特的方法,这里我就不做过多介绍了!
</p></blockquote><h2>
<span>05 Omnivore与Obsidian</span>
</h2><blockquote><p>
先让我感叹一下Ob有各种插件开发大佬还有什么功能是它实现不了的好好用Ob是你用而不是你被Ob耽误了真的能解决你的各种需求
</p></blockquote><ul><li><section>
<strong>插件名称:</strong>obsidian-omnivore
</section></li><li><section>
<strong>贡献者:</strong>如下
</section></li></ul><figure><img src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIW1J8J2jVfUBZYEicJPAFCAzSb6JhX5ib60zWAC4njjB4VGtAqZiaJ8zh0w/640?wx_fmt=png" crossorigin="anonymous" alt="Image"/><figcaption>图十七</figcaption></figure><ul><li><section>
<p>
<strong>插件功能:</strong>将Omnivore中的文章包括高亮和注释同步到Ob库中
</p>
</section></li><li><section>
<p>
<strong>如何配置?</strong>
</p>
</section></li></ul><ol><li><section>
此插件暂未上架,在文末获取
</section></li><li><section>
安装并启用插件
</section></li><li><section>
在Ob库里创建一个文件夹专门用于存放从Omnivore中导入的内容
</section></li><li><section>
打开插件选项设置界面,我的初步配置如下
</section></li></ol><figure><img src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWCFknV34d04UjneSV4EWZicfEougLQgYefa88ia1CevE6b2lgWT1kZK3w/640?wx_fmt=png" crossorigin="anonymous" alt="Image"/><figcaption>图十八</figcaption></figure><p>
API Keys的获取方式打开网页版Omnivore点击右上角即可看到API keys
</p><figure><img src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIW8iaZhWf5tGlHguEibCY4ONHMSybNQy9OBGXOT6FqsXichrsdJaSRdnutg/640?wx_fmt=png" crossorigin="anonymous" alt="Image"/><figcaption>图十九</figcaption></figure><p>
然后你需要点下图的create
</p><figure><img src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWVhAqibu8riaTpfHkjE3t9xLCMNeW63n9XbFQ8fNMZvVQaPYNBTJT1KzQ/640?wx_fmt=png" crossorigin="anonymous" alt="Image"/><figcaption>图二十</figcaption></figure><p>
创建之后并复制
</p><p>
最后粘贴到图十八的api key处就行。
</p><p>
参考图十八的配置完成之后,接下来就是运行了
</p><ul><li><section>
在Ob中我们打开命令面板ctrl+P然后输入Omnivore
</section></li></ul><figure><img src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWR0pr2EWImxRAO7Uib0rCwAJz1Vq8M4fat9ib3xnhVSsH4xLnJZH9ic2qQ/640?wx_fmt=png" crossorigin="anonymous" alt="Image"/><figcaption>图二十一</figcaption></figure><p>
两个同步命令,随便点,然后就同步过来了
</p><figure><img src="https://mmbiz.qpic.cn/mmbiz_png/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWYxDAibQuvlgPiaib08yKR7BqgSAKNoac5yicctMCwRenukYxvGOJZdibCFg/640?wx_fmt=png" crossorigin="anonymous" alt="Image"/><figcaption>图二十二</figcaption></figure><h2>
<span>06 有何问题</span>
</h2><ul><li><section>
剪藏的微信公众号推文竟然没有图片试了一个英文newsletter是有图片的
</section></li><li><section>
文章标题是中文时,如图二十二所示,标题会变成数字+字母
</section></li></ul><h2>
<span>07 写在最后</span>
</h2><ul><li><section>
很不错的稍后读APP期待后续更新
</section></li><li><section>
为简悦和Cubox而担忧
</section></li></ul><blockquote><p>
都是十分优秀的产品,期待你们都发展的更好吧!
</p></blockquote><p>
插件&amp;软件获取方式:请关注<span><strong>维客笔记</strong></span>微信公众号,在公众号后台聊天窗口回复<span><strong>20230110</strong></span>
</p><section>
感谢关注/点赞/分享
</section><section>
<em>A better you, A bigger world!</em>
</section><div>
收录于合集 <span>#<span>利器</span></span>
</div><div role="button"><span> 38<span></span></span>
</div><div>
<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>
</div><img src="/mp/qrcode?scene=10000004&amp;size=102&amp;__biz=MzU4MzgxNjczMA==&amp;mid=2247486734&amp;idx=1&amp;sn=b8c0ba868089c08e1be5b1b7ac724a32&amp;send_time="/><p>
Scan to Follow
</p></div>

View file

@ -0,0 +1,12 @@
{
"title": "全平台开源免费稍后读利器且可与Obsidian联用",
"byline": "赵传文",
"dir": null,
"excerpt": "十分优秀!",
"siteName": "Weixin Official Accounts Platform",
"siteIcon": "http://res.wx.qq.com/a/wx_fed/assets/res/NTI4MWU5.ico",
"previewImage": "https://mmbiz.qpic.cn/mmbiz_jpg/PR2BLDgtAWQfpRtQeRNMaEvjArqCicrIWjpibM4eh4lcTshZBaS4tWaJlfw0jAUaUia1aIRhibdUmicToDsdKLXTwbQ/0?wx_fmt=jpeg",
"publishedDate": "2023-01-10T00:00:00.000Z",
"language": "English",
"readerable": false
}

View file

@ -0,0 +1,387 @@
<DIV class="page" id="readability-page-1">
<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>

File diff suppressed because one or more lines are too long

View file

@ -0,0 +1 @@
https://mp.weixin.qq.com/s/GOPZJy6e9JADeDN2M9rv8w

File diff suppressed because it is too large Load diff