A Markdown application powered by vue, vditor and element

MarkBox

A Markdown application powered by vue, vditor and element. This app is a pure web page without any backend for data interactions. Thus, it’s convenient to build your own markdown app.

I designed the MarkBox with many necessary and useful Features as follows:

  • add images
  • login
  • count
  • upload to your gitee repo
  • file manager (open an online file)
  • dark mode

Here is a demo without gitee storage.

Enjoy it!

Deploy

For the security, I add a simple server that can valid your identification and send the private gitee/github info to you.

First, set a json of settings of pm2:

// start.json
{
	"apps":[
		{
		"name":"MarkBox",
		"script":"/opt/MarkBox/server.js", 
		"env":{
			"GITEE_USER":"Xiaohao", 
			"GITEE_TOKEN":"xxxxxx", 
			"MINDBOX_REPO":"xxxxxx", 
			"MINDBOX_GITEE_ENABLE":1 
			}
		}
	]
}

Next, start your server by pm2:

pm2 start start.json

#│ id │ name               │ mode     │ ↺    │ status    │ cpu      │ memory   │
#├────┼────────────────────┼──────────┼──────┼───────────┼──────────┼──────────┤
#│ 1  │ MarkBox            │ fork     │ 0    │ online    │ 0%       │ 41.8mb

GitHub

https://github.com/WYKXLDZ/MarkBox