[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-article-how-to-export-your-research-to-obsidian-with-web-highlights":3},{"meta":4,"html":41,"authorName":42,"authorFacebookUrl":43,"authorProfileImage":44,"authorWebsite":45,"authorJobTitle":46,"authorTwitterUrl":47,"wordCount":48,"recommended":49},{"id":5,"slug":6,"type":7,"title":8,"excerpt":9,"metaTitle":10,"metaDescription":10,"canonicalUrl":10,"featureImage":11,"publishedAt":16,"createdAt":17,"updatedAt":18,"featured":19,"readingTime":20,"tags":21,"author":40,"recommendedSlugs":10},"632bfc48198d9d062f3249c4","how-to-export-your-research-to-obsidian-with-web-highlights","post","How to Export Your Research to Obsidian with Web Highlights","Web Highlights allows us to easily copy all highlights with all necessary metadata and information into, e.g., Notion or Obsidian.",null,{"url":12,"alt":13,"caption":13,"width":14,"height":15},"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F02\u002FScreenshot-2024-02-08-at-20.42.55.png","Export to Obsidian with Web Highlights",1938,1016,"2022-09-22T06:47:25.000+00:00","2022-09-22T06:10:16.000+00:00","2024-09-24T07:07:17.000+00:00",false,3,[22,25,28,31,34,37],{"name":23,"slug":24},"FAQ, Tutorials, and Help","faq",{"name":26,"slug":27},"Chrome Extension","chrome-extension",{"name":29,"slug":30},"Markdown","markdown",{"name":32,"slug":33},"Obsidian","obsidian",{"name":35,"slug":36},"Tutorial","tutorial",{"name":38,"slug":39},"Web Highlights","web-highlights","marius-bongarts","\u003Cp>A handy tool like Obsidian can gather all your research in one spot. Many people use Obsidian for this purpose.\u003C\u002Fp>\n\u003Cp>\n  To help users smoothly incorporate Web Highlights into their work routine without giving up their usual personal\n  knowledge management (PKM) services, Web Highlights provides a simple method for exporting research to these tools.\n  The best part is that you can export your research to any external tool that supports Markdown syntax, including\n  Obsidian. I'll guide you through the process of exporting the highlights, notes, and tags you've created into\n  Obsidian.\n\u003C\u002Fp>\n\u003Cp>\n  If you haven’t used the Web Highlights Chrome extension yet,\n  \u003Ca href=\"https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Fweb-highlights-pdf-web-hi\u002Fhldjnlbobkdkghfidgoecgmklcemanhm\">\n    install and use it for free in the Chrome Web Store.\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-bookmark-card\">\n  \u003Ca\n    class=\"kg-bookmark-container\"\n    href=\"https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Fweb-highlights-pdf-web-hi\u002Fhldjnlbobkdkghfidgoecgmklcemanhm\"\n  >\n    \u003Cdiv class=\"kg-bookmark-content\">\n      \u003Cdiv class=\"kg-bookmark-title\">Web Highlights - PDF & Web Highlighter\u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-description\">\n        Productivity Highlighter for any Website or PDF. Free and easy to use without signing up.\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-metadata\">\n        \u003Cimg class=\"kg-bookmark-icon\" src=\"https:\u002F\u002Fssl.gstatic.com\u002Fchrome\u002Fwebstore\u002Fimages\u002Ficon_144px.png\" alt=\"\" \u002F>\n        \u003Cspan class=\"kg-bookmark-author\">Chrome Web Store\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"kg-bookmark-thumbnail\">\n      \u003Cimg\n        src=\"https:\u002F\u002Flh3.googleusercontent.com\u002FQMe2Edixy8TJv_upGXXrdopiq2OT04q-ZFR0t_X-91Dew1Son8Y7_cbkh-Xx54XZb3VB5bxo2ffrVzvNP36PE7kR_Q=w128-h128-e365-rj-sc0x00ffffff\"\n        alt=\"\"\n      \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fa>\n\u003C\u002Ffigure>\n\u003Chr \u002F>\n\u003Cp>\n  Let me walk you through the\n  \u003Cstrong>three steps to export your research from Web Highlights to Obsidian\u003C\u002Fstrong>\n  :\n\u003C\u002Fp>\n\u003Ch2 id=\"1-highlight-any-website\">1. Highlight any website\u003C\u002Fh2>\n\u003Cp>\n  Firstly, to export our research, we need to highlight information from a website. This is a simple process if you have\n  the\n  \u003Ca href=\"https:\u002F\u002Fchromewebstore.google.com\u002Fdetail\u002Fweb-highlights-pdf-web-hi\u002Fhldjnlbobkdkghfidgoecgmklcemanhm\">\n    Web Highlights Chrome Extension\n  \u003C\u002Fa>\n  installed - Just select some text and then, either:\n\u003C\u002Fp>\n\u003Col>\n  \u003Cli>Click the highlighter popup.\u003C\u002Fli>\n  \u003Cli>Right-click the selected text and choose 'Highlight selected text.'\u003C\u002Fli>\n  \u003Cli>Use a keyboard shortcut (Mac: ⌥ + S, Windows: ALT + S).\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>\n  Your highlighted text and notes get saved automatically and are accessible from the extension's sidebar. If you've got\n  the premium feature of cloud sync enabled, you can also access them on the web app at\n  \u003Ca href=\"https:\u002F\u002Fapp.web-highlights.com\">app.web-highlights.com\u003C\u002Fa>\n  .\n\u003C\u002Fp>\n\u003Cp>Moreover, you can add tags, create notes, and modify the title or description of the highlighted page.\u003C\u002Fp>\n\u003Ch2 id=\"2-copy-markdown\">2. Copy Markdown\u003C\u002Fh2>\n\u003Cp>\n  Now, as we have made some highlights on a website, we can use the 'Copy Markdown' feature to export our research to\n  Obsidian.\n\u003C\u002Fp>\n\u003Cp>\n  The 'Copy to markdown' feature is straightforward and available for free for all users. You can either visit the\n  highlighted website and open the sidebar to find the 'Copy Markdown' option. Another option is to open the highlighted\n  page in the web app.\n\u003C\u002Fp>\n\u003Cp>\n  In both ways, you will see a\n  \u003Cstrong>three dots menu\u003C\u002Fstrong>\n  in the top right corner of your page. When clicking it, you should see the option to copy the content to markdown:\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F02\u002Fimage.webp\"\n    class=\"kg-image\"\n    alt=\"Copy Markdown\"\n    loading=\"lazy\"\n    width=\"1308\"\n    height=\"534\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F02\u002Fimage.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F02\u002Fimage.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F02\u002Fimage.webp            1308w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>Copy Markdown\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Ch2 id=\"3-paste-copied-markdown-to-obsidian\">3. Paste copied Markdown to Obsidian\u003C\u002Fh2>\n\u003Cp>\n  After copying your markdown, go to Obsidian and create a new page. Paste the copied content onto the page, and you\n  should see your highlights, notes, and tags.\n\u003C\u002Fp>\n\u003Cp>Here's how the Obsidian page looks in our example:\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F02\u002Fimage-2.webp\"\n    class=\"kg-image\"\n    alt=\"Exported research in Obsidian\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1284\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F02\u002Fimage-2.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F02\u002Fimage-2.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F02\u002Fimage-2.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F02\u002Fimage-2.webp 2400w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>Exported research in Obsidian\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  You can observe that our highlights, notes, tags, and meta information have been effectively transferred to Obsidian\n  in an organized and structured manner. Additionally, it has imported the preview image of the highlighted page to\n  enhance the overall appearance.\n\u003C\u002Fp>\n\u003Ch3 id=\"final-thoughts\">Final Thoughts\u003C\u002Fh3>\n\u003Cp>\n  I hope my guidance has helped you initiate the process of exporting your research to Obsidian through Web Highlights.\n  I trust this proves beneficial in enhancing your workflow while adhering to your preferred PKM systems.\n\u003C\u002Fp>\n\u003Cp>I am always happy to answer questions and am open to criticism and feedback.\u003C\u002Fp>\n\u003C!--kg-card-begin: html-->\n\u003Cp>\n  Get in touch with me via\n  \u003Ca href=\"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fmarius-bongarts-6b3638171\u002F\" rel=\"me\">LinkedIn\u003C\u002Fa>\n  or follow me on\n  \u003Ca href=\"https:\u002F\u002Ftwitter.com\u002FMariusBongarts\" rel=\"me\">Twitter\u003C\u002Fa>\n  .\n\u003C\u002Fp>\n\u003C!--kg-card-end: html-->\n\u003Cp>\u003Cstrong>Related Articles:\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-bookmark-card\">\n  \u003Ca\n    class=\"kg-bookmark-container\"\n    href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-export-your-research-to-notion-with-web-highlights\u002F\"\n  >\n    \u003Cdiv class=\"kg-bookmark-content\">\n      \u003Cdiv class=\"kg-bookmark-title\">How to Export Your Research to Notion with Web Highlights\u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-description\">\n        A central organized tool helps to structure your research. Export highlights & notes to Notion using the Web\n        Highlights Chrome Extension.\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-metadata\">\n        \u003Cimg class=\"kg-bookmark-icon\" src=\"https:\u002F\u002Fweb-highlights.com\u002Ffavicon.ico\" alt=\"\" \u002F>\n        \u003Cspan class=\"kg-bookmark-author\">Web Highlights Blog\u003C\u002Fspan>\n        \u003Cspan class=\"kg-bookmark-publisher\">Marius Bongarts\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"kg-bookmark-thumbnail\">\n      \u003Cimg src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F02\u002FScreenshot-2024-02-08-at-20.41.55.webp\" alt=\"\" \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fa>\n\u003C\u002Ffigure>\n","Marius Bongarts","https:\u002F\u002Fwww.facebook.com\u002FMariusBongartsWeb","\u002Fblog\u002Fcontent\u002Fimages\u002F2022\u002F08\u002FIMG_7861_Square.jpeg","https:\u002F\u002Fmarius-bongarts.de\u002F","Founder & Software Engineer","https:\u002F\u002Ftwitter.com\u002FMariusBongarts",563,[50,88,104],{"id":51,"slug":52,"title":53,"description":54,"url":55,"publishedAt":56,"createdAt":57,"updatedAt":56,"featured":19,"readingTime":58,"tags":59,"imageUrl":62,"imageAlt":63,"faviconUrl":64,"publishedAtString":56,"category":65,"readTimeString":87},"68d24d51e3dc740a7031d7ed","how-to-import-highlights-from-diigo-into-web-highlights","How to Import Highlights from Diigo into Web Highlights","Diigo is a popular browser extension with over 300k users. Here's a quick guide on how to import all your annotations and notes from Diigo into Web Highlights.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-import-highlights-from-diigo-into-web-highlights\u002F","2025-09-24T05:37:31.000+00:00","2025-09-23T07:33:37.000+00:00",4,[60,61,35],"Diigo","integration","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F09\u002Fdiigo-import-thumbnail.png","Diigo logo with an arrow pointing to the Web Highlights marker logo","https:\u002F\u002Fweb-highlights.com\u002Ffavicon.ico",[66,73,80],{"type":67,"title":68,"shortTitle":69,"icon":70,"description":71,"excerpt":72},"integrations","Export to Notion, Obsidian & Capacities — Web Highlights Integrations","Integrations","external-link","Connect Web Highlights to your PKM stack: Notion export, Obsidian and Markdown workflows, Capacities, plus imports from Weava, Diigo, Pocket, and exported Chrome bookmarks—so highlights leave the browser without copy-paste fatigue.","Export Chrome bookmarks, send highlights to Notion or Capacities, keep Obsidian in sync with Markdown exports, and migrate Pocket, Weava, or Diigo libraries into one place. Web Highlights is the capture layer for PDF and web research—then you pipe structured notes into the PKM stack you already use (including Kindle → Notion workflows) with native export paths instead of endless copy-paste.",{"type":74,"title":75,"shortTitle":76,"icon":77,"description":78,"excerpt":79},"annotating","Annotate the Web & PDFs with Web Highlights","Annotating","feather-edit-3","Annotating long texts is challenging. Learn techniques for better annotations and how Web Highlights helps you mark up articles and PDFs in the browser.","Annotation turns passive scrolling into real understanding. Whether you need marginal notes for research, structured tags for coursework, or quick highlights for newsletters, Web Highlights keeps every mark anchored to the source—so you can review, search, and export without losing context.",{"type":81,"title":82,"shortTitle":83,"icon":84,"description":85,"excerpt":86},"bookmarks","Bookmarks, Clips & Save-for-Later","Bookmarks","bookmark","Organize bookmarks, export from Chrome, and capture pages with less chaos. Web Highlights helps you save smarter than the default bookmark bar.","Exporting and organizing bookmarks is a huge search topic for a reason: browser defaults don’t scale. Web Highlights adds structure—tags, notes, and highlights—so saved pages stay findable, whether you’re migrating from Pocket or just tired of duplicate folders.","4 min read",{"id":89,"slug":90,"title":91,"description":92,"url":93,"publishedAt":94,"createdAt":95,"updatedAt":96,"featured":19,"readingTime":97,"tags":98,"imageUrl":99,"imageAlt":91,"faviconUrl":64,"publishedAtString":94,"category":100,"readTimeString":103},"6839496a3bcdf409d92dec9d","how-to-export-bookmarks-and-import-to-web-highlights","How to Export Bookmarks from Chrome & Import to Web Highlights","Learn how to export bookmarks from Chrome, Firefox, Edge & Safari. Restore them in any browser or import into Web Highlights — your bookmark manager.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-export-bookmarks-and-import-to-web-highlights\u002F","2025-06-01T11:10:59.000+00:00","2025-05-30T06:00:10.000+00:00","2026-03-18T08:35:50.000+00:00",8,[],"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F05\u002Fexport-bookmarks-to-webhighlights.png",[101,102],{"type":81,"title":82,"shortTitle":83,"icon":84,"description":85,"excerpt":86},{"type":67,"title":68,"shortTitle":69,"icon":70,"description":71,"excerpt":72},"8 min read",{"id":105,"slug":106,"title":107,"description":108,"url":109,"publishedAt":110,"createdAt":111,"updatedAt":112,"featured":19,"readingTime":113,"tags":114,"imageUrl":115,"imageAlt":116,"faviconUrl":64,"publishedAtString":110,"category":117,"readTimeString":127},"6831a4c03bcdf409d92deb7a","how-to-export-pocket-saves-and-import-to-webhighlights","How to Export Pocket Data and Import to Web Highlights","Pocket shuts down in July 2025. Learn how to export your Pocket saves & annotations and import them into Web Highlights—the best Pocket alternative.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-export-pocket-saves-and-import-to-webhighlights\u002F","2025-05-24T13:52:05.000+00:00","2025-05-24T10:51:44.000+00:00","2026-04-08T08:25:23.000+00:00",5,[35],"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F05\u002Fhow-to-export-pocket-data-thumbnail.png","Web Highlights makes it easy to import all your data from Pocket",[118,119,126],{"type":81,"title":82,"shortTitle":83,"icon":84,"description":85,"excerpt":86},{"type":120,"title":121,"shortTitle":122,"icon":123,"description":124,"excerpt":125},"kindle-reading","Kindle, Blinkist & Read-It-Later","Kindle & reading apps","book","Keep highlights from Kindle, Blinkist, and read-it-later apps in one learning flow. Web Highlights connects reading apps to review and export.","Highlights trapped inside a single app don’t compound. Web Highlights is built for readers who jump between Kindle, Blinkist, Pocket-style queues, and the web—so retention workflows (and exports) still work when your library spans more than one platform.",{"type":67,"title":68,"shortTitle":69,"icon":70,"description":71,"excerpt":72},"5 min read"]