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 194
  • Win 116
  • Mac 44
  • Linux 34
Aug 27 Aug 26 Aug 25 Aug 24 Aug 23 Aug 22 Aug 21 Aug 20 Aug 19 Aug 18 Aug 17 Aug 16 Aug 15 Aug 14 Aug 13 Aug 12 Aug 11 Aug 10 Aug 9 Aug 8 Aug 7 Aug 6 Aug 5 Aug 4 Aug 3 Aug 2 Aug 1 Jul 31 Jul 30 Jul 29 Jul 28 Jul 27 Jul 26 Jul 25 Jul 24 Jul 23 Jul 22 Jul 21 Jul 20 Jul 19 Jul 18 Jul 17 Jul 16 Jul 15 Jul 14
Windows 0 0 0 0 0 1 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
Mac 0 2 0 0 0 0 0 0 0 1 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 1 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.