ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

Outline Notes Publisher

by gnat ST4

✒️ Publish HTML from markdown or tab indented notes. Static site generator in Sublime Text! Alternative to Obsidian.

Details

Installs

  • Total 157
  • Win 95
  • Mac 36
  • Linux 26
Dec 21 Dec 20 Dec 19 Dec 18 Dec 17 Dec 16 Dec 15 Dec 14 Dec 13 Dec 12 Dec 11 Dec 10 Dec 9 Dec 8 Dec 7 Dec 6 Dec 5 Dec 4 Dec 3 Dec 2 Dec 1 Nov 30 Nov 29 Nov 28 Nov 27 Nov 26 Nov 25 Nov 24 Nov 23 Nov 22 Nov 21 Nov 20 Nov 19 Nov 18 Nov 17 Nov 16 Nov 15 Nov 14 Nov 13 Nov 12 Nov 11 Nov 10 Nov 9 Nov 8 Nov 7
Windows 0 1 0 0 1 1 0 0 0 0 0 0 0 0 2 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 1
Mac 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
Linux 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0

Readme

Source
raw.​githubusercontent.​com

✒️ Sublime Outline Notes Publisher

Publish HTML pages using tab indented notes or markdown (md)! It's Obsidian in Sublime Text. 🔥

Zero dependency publishing from the comfort of your code editor.

Perfect for:

  • Note takers who love using tab indentation / whitespace for organization.
  • Static site generator for personal sites, blogs, micro wiki.
  • Zettelkasten
  • Replacing your outliner with Sublime Text.

Publish HTML Pages …

Screenshot

Using your hierarchy aware notes!

All you have to do...
    Is create an indented hierarchy.
    Of your notes.
    In a list.
    It will create a nice HTML file...
        With a hierarchy based on indent levels.
            Isn't this convenient?
            Whitespace significant outliner style notes!
            Other cool outliners:
                [Bike](https://news.ycombinator.com/item?id=31409077)
                Dynalist
                [Obsidian](https://obsidian.md)
                    [Obsidian Publish](https://obsidian.md/publish)
                Workflowy
                Roam Research
                Notion
                Standard Notes
                Evernote
                    Ever-who? 🐘
            Only for:
                Sublime Text (https://sublimetext.com)
                Super Nintendo
🔥 Great plugin for
    Note taking.
    Outlining.
    Zero dependency publishing.

🚧 Code blocks!

```javascript
document.addEventListener("click", ev => {
    alert("You selected the following element: " + ev.target)
})

✅ Common markdown / markup syntax.

Header 1 line

Header 2 line

  • Emphasis line ** Bold line

Images with img

Global and Local Links. Plain, named and pure HTML links.

http://github.com/gnat/sublime-outliner-html 🔗 Local named link! 🌐 Global named Link! https://google.com Pure HTML link!

💬 Comments.

// I will not be in the HTML file.

🏗️ Comments to insert structural metadata.

//title I will be added to ▶️

▶️ “”

Installation

Option A: Preferences ➡️ Package Control ➡️ Install Package ➡️ Outline to HTML ➡️ ENTER

Option B (Direct): Preferences ➡️ Browse Packages ... ➡️ Download and extract the latest.

How to use

  1. Select text you want to convert.
  2. CTRL+SHIFT+P ➡️ Outline to HTML
  3. The resulting HTML will open in a new tab.

Supported languages for code blocks powered by Prism.js.

Global Configuration (Optional)

Configure using Preferences ➡ Settings

{
    // ...
    "outline_to_html": {
        // "css": "", // Override CSS.
        // "title": "", // Override Title (or use meta comment //title ...)
        // "header": "", // Add to <head>
        // "body": "", // Add to <body>
        // "footer": "", // Add before </body>
    }
}

Roadmap

  • Automatic table of contents.
  • More metadata comments.

Suggested Sublime Color Schemes

Other Cool Outliners / Bullet Point Note Software

Troubleshooting

  • View ➡️ Show Console
  • Manually invoke for development: view.run_command('outline_to_html')

Special Thanks

  • Harrison of Indent.txt for the inspiration for such a plugin.