tamlok

For those not interested in electron, you can give VNote a try: https://tamlok.github.io/vnote

It is something like MDWiki but with the capability to read the index file `_vnote.json` of VNote, which enables us to share one notebook or folder of VNote.

Its look is based on Boostrap's website.

Just click on the `Documentation` tab, you could see how simple it is to share lots of articles.

VNote's website is also built with Viki. https://tamlok.github.io/vnote

Thanks!

When I started VNote two years ago, I was just a traditional C++ player. So Qt Widgets is the choice. I think it can give me the most freedom and power.

When VNote did not support PlantUML, I used VS Code and plugin to edit and preview PlantUML. It is annoying that I need to scroll to the right element every time I update a line. Why not just hit the element corresponding to current line? So VNote provides this now.

Give it a try! :)

VNote supports Vim mode in the bone (Ctrl+J/K everywhere to navigate), Captain Mode (from the leader key of Vim), Navigation Mode (each widget shows two chars to select to focus), Universal Entry (just like CtrlP in Vim to search and jump), and so on.

VNote is a Markdown note-taking app. Markdown is excellent to hold script such as PlantUML, mermaid, and so on. So it is possible to support DSL, too.

This plugin just shows you the graph, right? VNote can scroll the corresponding element into view and highlight it, which is very helpful when the class diagram is really large on a small screen.

By the way, when you double click an element in the preview graph, VNote could highlight the originating definition code in the editor.

The Live Preview Tunnel, I think, is what makes VNote different from other editors. :)

So that is what "search in result" does?

Yeah! I used Vim to take md notes before writing VNote. I intended to write VNote to manage and preview the images, formulas, and charts. Indeed, VNote bollows a lot from Vim, like the leader key, split, and so on. I am satisfied about VNote for now. :)

VNote is a Vim-inspired Note-taking app. That is where "VNote" from. Give it a try :)

Thanks! Already fixed.

Awesome job! Amazed by your hard work!

Qt works fine to me. It is easy to develop cross-platform apps via Qt. Utilizing QWebEngine, I am amazed at the hybrid of C++ and Javascript.

Yes, it is desigbed to handle different formats. But for now, it only handles md files.

I plan to enable it to support managing and editing source files, with which we could use VNote to store code snippets.

I also want to support infinite list format like WorkFlowy. But it seems that cerrently I need to focus on md files first.

Hi, for now you could use VNote as an editor to open and edit any md files. VNote treats internal notes and external files differently. Indeed I use VNote to edit the github page and it is really enjoyable.

VNote uses notebook to manage notes. A notebook could be local, or synced via Dropbox. So you could use git to manage your notebook, too. Integration with git will be considered in the future.

VNote uses plaintext for all data. The design is you could use any editors to edit your notes even after VNote is obsolete.

VNote does support MathJax. Check the screenshots. I plan to support plantUML, too.

There is a 500ms delay after the content change before parsing syntax. It could be tuned and optimized. Thanks for your feedback.

Try opening multiple long md files and switch among them?

VNote is great for managing and editing plaintext md files. All data is plaintext and you could even use any editor to edit your notes even after VNote is obsolete someday.

I think link in edit mode is OK. I used the conceal feature in Vim to hide the URL part of the link when I used Vim to edit Markdown before. But I found that it distracted me when I moved the cursor above the link, the URL part showed, and when I moved the cursor away, the URL part hid. I think it is better to show all the text to the user and use syntax to highlight the outline of the content.

About side-by-side live preview, I hate the feeling of moving eyes left and right frequently and try hard to keep track of where you are.

Use this kind of syntax seems do not support up to 6 levels of headings? VNote use `markdown-it` to render the Markdown, so VNote will recognize them in read mode. VNote just choose one syntax to recommend for simplicity, so the outline seems do not recognize it as header. For another example, image links in reference forms will not be previewed in place.

VNote is inspired by Vim, so there is no reason to not support Vim mode in VNote. However, the Vim mode is implemented by myself one feature by one feature and it does not support the `.` and macro yet.

Indeed, VNote is inspired by Vim when I used Vim to edit Markdown notes for about a month. VNote utilize many code editors' features for note taking, such as Vim mode, vertical split, and shortcuts.

The obvious differences to code editors may be:

1. In-place image preview. Preview of formulas and flowcharts will come soon. This really help user to focus on the content without a side-by-side live preview or alternating between read/edit mode frequently. 2. Note management. VNote handle stuffs like images, attachments, and tags in the future.

Currently I am focusing on the edit experience of VNote. Next step, I will try to connect to third-party store services within VNote, which enables VNote to sync by itself. After that, we could think of the Web client. According to current development progress, I think it will take long time to achieve it.

Currently I use other apps to record thoughts anytime and anywhere via phone and reorganize them in VNote.

Sure! Thanks for your feedback!

Ha :)

I am not very satisfied about current Markdown editors or note-taking apps. Most Markdown editors use side-by-side live preview to minimize the gap between the edit and read of Markdown. People usually think of "live preview" when it comes to Markdown, which is really a MISUNDERSTANDING about Markdown.

So I want to develop a note-taking app with pleasant Markdown experience, which try to minimize the gap of Markdown by carefully-tuned syntax highlights and in-place image preview.

Give VNote a try and you will be surprised by the simple and pleasant experience VNote provides. :)

It should work now. [Screenshots](https://tamlok.github.io/vnote/gallery.html)

This page was not created before. I just created it and it should now work! The typo is also corrected.

Thanks!

Yes, I hate using Electron apps too, although it is easier to write beautiful interface using Electron than using Qt.

I previously use [CMD Markdown](https://www.zybuluo.com/mdeditor) to edit notes, which is developed in Electron. It is really painful to alternate between multiple note tabs in it.

VNote is faster though it combines C++ and JS via QWebEngineView.

Thanks! I am working on the full-text search and documentation.

Nice and simple job!

Guys that do not want an extra preview panel could take a look at VNote(https://github.com/tamlok/vnote/).