vscode-markdown-preview-enhanced VS vscode-front-matter

However, the built-in previewer doesn't support citations (which is a Pandoc-specific feature), so if you need (to preview) them you can use an alternative Pandoc-based Markdown preview, for example Document Preview (by me) or Markdown Preview Enhanced (not by me). Both support Mermaid, mine might be a bit harder to set up right now as it's not well documented yet. If you don't care about citations you should be fine using built-in previewer though.

I am thinking about this question for a long time... In GitHub vscode issues, this post said that the developers of the vscode don't have a plan to support Mathjax in the near future. However, in Markdown Preview Enhanced extension, the author of this extension provided Mathjax as one of the math rendering options MPE. The reason why I didn't use this extension is that it has an annoying bug when I tried to use the autonumbering function to reference my equations. Details can be seen in this issue page post.

But, when your CMS is based on Markdown files, you can use whatever editor you want. For example, if you use Nuxt as your CMS, everyone can choose which editor they prefer. It can be Visual Studio Code, FrontMatter CMS, or maybe Nuxt Studio. Everyone can pick the app they like the most.

GitHub: https://github.com/estruyf/vscode-front-matter Website: https://frontmatter.codes

Frontmatter

Have you looked at https://frontmatter.codes/ as a CMS in VSCode? It's really nice to work with for Hugo sites.

Use GitLab Web IDE and learn Markdown. It is free, open source and the mobile experience is decent. From there, take a look at https://frontmatter.codes/ in GitPod.io or locally in VSCode, not great on mobile but very powerful, free and open source. I also like https://cloudcannon.com which isn't free or open source, but it is an excellent live editing CMS for Hugo and the mobile experience is really nice.

As it turns out VSCode can be insanely powerful if one sets it up carefully. The Front Matter extension can be enough in itself to manage a blog. The power tools extension can do useful stuff, like it can copy the formatted path of a changed image to clipboard which allows the client to just copy an image to a folder and press ctrl+v anywhere in a markdown file to paste the image there in markdown format. VSCode snippets in tandem with svelte components can do complex and easily usable stuff, and of course there can be simple buttons in vs code for example to build the static site and deploy it to their server.

And those who want to conveniently manage the content can take a look at https://frontmatter.codes.