A stupidly simple CMS to make static sites editable without compromising your original static files.
- login : test
- password : test
There is two ways you can get started with Stupid-CMS : from the CLI or using the express middleware
Using the cli to serve your site as editable
- Install stupid-cms globally.
npm install -g stupid-cms-db
- Go to your static site folder and serve using stupid-cms :
stupid-cms --port <your_port> --data <data_path> <site_path> (default to current dir)]
- Go to 'http://localhost:3000/cms/login' and enter your credentials to edit the site.
<site_path> : the path where your static site is stored
--port : Optional. set the port you want to run the website on (default 3000)
--data : Optional. set the data directory, where the content, users, and uploads will be stored (default to "./<your_website>/.stupid-cms")
Using the middleware
You can add a editable static site to any of your expressjs application using this middleware. Just add one configuration and pass your express app object to the cms :
var app = express(); var cms = require("stupid-cms"); ... // This is the path to your website static files var sitePath = path.join(__dirname, 'sit sitePath: <your_site_path>, index: 'index.html', dataPath: <your_data_path> }, app);
Then repeat steps 3
Make content editable
Right click on any content on your website, then click on the small pencil shaped button on the top right corner to make it editable.
Use the editor
Once the content is editable, you can use the wysiwyg editor to change the content, insert pictures, and more. Every changes to make are saved in local storage, and are not lived.
Publish your changes
Once you validated the changes on your live site, you can use the toolbar on the right side to publish it. Just click on the floppy disk shape button to set your changes live.
Make content un-editable
On the editor, you can click the "remove editor" button to disable content edition for this element.