A 9KB (3KB gzip) single HTML notebook, perfect for minimalists
chunqiuyiyu.github.ioOr you can just put the following in the url bar of your browser (Ctr-s to save):
data:text/html, <html contenteditable>
That's a helpful tip.
Bug: If you put a space as the title, you can't edit the note later because the post is not clickable.
Thanks! It is a bug, I will fix it.
It was not obvious to me that I needed to click the New button first. I clicked around everywhere else and tried typing and no go. Then after clicking New and getting a text area, it made sense and I said "well of course".
So maybe not too many other people had this problem, but perhaps the top line could say "Click New, then just write." =)
And/or start the page off with a note that describes the basic process:
"click new, write, and click Publish to finish the note, then click Save to save it to index.html on your system"
When I went back to edit a note, Publish didn't work for me.
Trying this in Vivaldi, I didn't try on another browser yet.
Thank you very much for your trial and suggestions. I will add more detailed usage instructions to the page. After editing, please remember to click the "Publish" button again.
Well, it does what it says on the tin:)
https://github.com/chunqiuyiyu/xie?tab=readme-ov-file#prereq... says it needs NodeJS; is that just for building? Could you make a release on github that includes it as a single .html file that could be downloaded and used with no deps but a browser?
https://github.com/chunqiuyiyu/xie/tree/gh-pages
in the gh-pages branch you have the final index.html. You can also literally download/save the page as well, should be the same.
It does not use any other deps than the final index.html
Now, speaking about the project itself, maybe it would be good if the notes get also saved into localStorage in some way. One browser refresh or reboot and it all goes away if it wasn't saved.
Thank you! I’ll make sure to store the newly created notes in local storage.
Please, you're welcome! Local storage will definitively make it much better. Preserve the save feature so it is portable from browser to browser/computer or even shared across people!
if it auto saved to local storage then it would 100% be a daily use Markdown capable editor
That's an excellent suggestion — I'll make sure to add this feature.
You are obviously not a minimalist /s
You can click the "Save" button to save the entire page to your own notebook. Node.js is used only for development and deployment purposes.
Interesting project ! Tried it on brave mobile Android and it does the job. Just so you know, when I edited the note I wrote in markdown, the note is now in html. But I guess this would mean add a html to markdown converter to the page. I get the minimalist concept, and I sense this could be a daily driver for many.
Thanks, That's a good suggestion—I’ll consider it. For me, since I might not edit content frequently, I just added a simple Markdown-to-HTML conversion.
I did something similar that I use as a home page dashboard: https://github.com/rcarmo/onepage-by-spec
Might add notes to it too, now that I think about it.
It seems user-friendly, I like it!
This is an interesting project. I'm glad to see Markdown is supported. I was surprised that there is no persistent storage of notes, though (at least not on my device).
Every time you add new content, you should make sure to click the "Save" button to store the page locally.
not a dig, but it reminds me of how much i used to like tiddly wiki.
Actually, this was inspired by TiddlyWiki, but I wanted to make it more lightweight—so I built this myself.
Is there a way to use it offline on iOS? I’ve saved a file to my Files app but the I’m unable to save… or I’m missing something completely…?
What browser are you using? Could it be that your browser is blocking the content from being saved? I'm able to save normally using Safari on my iPad.