Code Monkey home page Code Monkey logo

obsidian-webpage-export-preview's Introduction

Webpage HTML Export

Webpage HTML Export is a plugin for Obsidian which lets you export single files or whole vaults as HTML websites / webpages. It is similar to publish, but you get the .html files to do whatever you want with. Its goal is to support as many features of obsidian possible including themes, dataview, graph view, and more.

image

Features:

  • Export files, folders, or the whole vault as html
  • Export each document as a single .html file for document sharing
  • Or export with embedded content exported externally for fast loading on the web
  • Note table of contents / outline
  • Vault explorer
  • Theme Toggle
  • Interactive Graph View (Experimental)

Installation

Install from Obsidian Community Plugins: Open in Obsidian

Manual Installation

  1. Download the .zip file from the Latest Release, or from any other release version.
  2. Unzip into: {VaultFolder}/.obsidian/plugins/
  3. Reload obsidian

Using the Plugin

  • To export a single file or folder, right click on the file or open the more-options menu for the file and select "Export to HTML".
  • If you are exporting to a website please choose the "Multi-File Website" preset.
  • If you are sharing a small number of files to be opened locally on a user's machine select the "Self-contained Documents" option.
  • To further configure the export click the settings button on the bottom right of the export modal.
  • When you are ready select "Export"
  • Select a folder to export into. If you are exporting a folder or vault it is preferable that this folder is empty.
  • Wait for the export to finish and do not minimize both obsidian and the export window simulateously or the export will pause.
  • Congrats on your exported files!

FAQ

Q: Can I run this from the command line?

A: Not yet. However a command line / CLI feature is planned. Contribute to the disscussion here

Q: Why am I getting a fatal error that ":has" is not a valid selector?

A: You need to update obsidian to the latest version by downloading the new installed from obsidian's website.

Q: Why won't the graph view load?

A: The graph view does not work if you are opening the files locally, you must host them on a web server.

Q: Why are my pages loading so slow when hosted on a web server?

A: Make sure you select the "Multi-file Website" preset, or disable all the media inlining options in the settings.

Contributing

Only start work on features which have an issue created for them and have been accepted by me! Contributiong guide coming soon.

Support This Plugin

This plugin takes a lot of work to maintain and continue adding features. If you want to fund the continued development of this plugin you can do so here:

or if you prefer paypal:

obsidian-webpage-export-preview's People

Contributors

kosmosisdire avatar editcue avatar lukewh avatar h2co3bearcard avatar thewest123 avatar jonartis avatar beelux avatar brinterwastaken avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.