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.
- What is an Outliner?
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
<img src="https://avatars.githubusercontent.com/u/24665" style="max-width: 200px" />
### Global and Local Links. Plain, named and pure HTML links.
http://github.com/gnat/sublime-outliner-html
🔗 [Local named link!](/local_link) 🌐 [Global named Link!](http://google.com) https://google.com <a href="https://google.com">Pure HTML link!</a>
💬 Comments.
// I will not be in the HTML file.
🏗️ Comments to insert structural metadata.
//title I will be added to <html> ▶️ <head> ▶️ <title>
Option A: Preferences ➡️ Package Control ➡️ Install Package ➡️ Outline to HTML ➡️ ENTER
Option B (Direct): Preferences ➡️ Browse Packages ... ➡️ Download and extract the latest.
- Select text you want to convert.
CTRL+SHIFT+P➡️Outline to HTML- The resulting HTML will open in a new tab.
Supported languages for code blocks powered by Prism.js.
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>
}
}- Automatic table of contents.
- More metadata comments.
View➡️Show Console- Manually invoke for development:
view.run_command('outline_to_html')
- Harrison of Indent.txt for the inspiration for such a plugin.