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