Some while ago, I discussed about self-made custom CMS, which is in an essence, markdown editor; and also real-time feeder.
Recently, I updated my another repo as well.
patarapolw / make-html
Make HTML from Markdown or Hyperpug
It does have some features beyond markdown compiler (on web browsers' side), including
- Metadata scraping (which needs CORS bypass, which is usually a backend, including https://cors-anywhere.herokuapp.com)
- Image storage (which needs a backend, also popularly connected to S3 storage.)
I also want to say that webcomponents and shadow roots are godsend. Otherwise, isolated CSS environment would not be possible.
How can I create a web component with an isolated CSS environment?
Pacharapol Withayasakpunt ・ Jul 17 ・ 1 min read
And, I also realized that VSCode can have extended markdown features, but I couldn't find a way to export them, in particular, Admonition.
https://marketplace.visualstudio.com/items?itemName=jebbs.markdown-extended
Top comments (2)
A long time ago I was working on an app based on markdown-it and several nonstandard plugins including some of my own forks (like allowing both
<s>
and<del>
tags, unlike the one I forked from that forced you to disable markdown-it's native strikethrough module). It had a three-way single or dual pane editor (markdown, HTML source, or HTML preview/WYSIWYG, converting to and from both editable formats), but for the life of me I can't find it (and apparently never committed it). My plan was to eventually incorporate it with pandoc for additional formats.I only use marked for my blog.
My repo:
mzaini30 / blogzen
My blog
Looking for a shareable component template? Go here --> sveltejs/component-template
svelte app
This is a project template for Svelte apps. It lives at github.com/sveltejs/template.
To create a new project based on this template using degit:
npx degit sveltejs/template svelte-app cd svelte-app
Note that you will need to have Node.js installed.
Get started
Install the dependencies...
cd svelte-app npm install
...then start Rollup:
Navigate to localhost:5000. You should see your app running. Edit a component file in
src
, save it, and reload the page to see your changes.By default, the server will only respond to requests from localhost. To allow connections from other computers, edit the
sirv
commands in package.json to include the option--host 0.0.0.0
.Building and running in production mode
To create an optimised version of the app:
You can run the newly built app with…