Update site asset setup instructions

This commit is contained in:
Matt Baer 2024-02-02 17:07:34 +01:00
parent d9aa351b5d
commit 49e944bce6

View File

@ -40,21 +40,29 @@ You can now run WriteFreely! But you'll need one more step to generate some asse
### Building site assets
You'll need Node.js and LESS installed to generate WriteFreely static assets. Install LESS:
You'll need Node.js and LESS installed to generate WriteFreely static assets. Install LESS using our utility script:
```bash
npm install less less-plugin-clean-css
./less/install-less.sh
```
Next, compile all stylesheets from the `less` directory, creating them in the `static/css/` directory:
```bash
cd less
LESSC=../node_modules/less/bin/lessc
CSSDIR=../static/css
$LESSC app.less --clean-css="--s1 --advanced" ${CSSDIR}/write.css
$LESSC fonts.less --clean-css="--s1 --advanced" ${CSSDIR}/fonts.css
$LESSC icons.less --clean-css="--s1 --advanced" ${CSSDIR}/icons.css
lessc app.less --clean-css="--s1 --advanced" ${CSSDIR}/write.css
lessc fonts.less --clean-css="--s1 --advanced" ${CSSDIR}/fonts.css
lessc icons.less --clean-css="--s1 --advanced" ${CSSDIR}/icons.css
lessc prose.less --clean-css="--s1 --advanced" ${CSSDIR}/prose.css
```
Finally, build ProseMirror:
```bash
cd ../prose
npm install
npm run-script build
```
Now you can run and distribute WriteFreely! 🎉