@oplik0 said in snowing theme:
<script src="https://cdn.jsdelivr.net/gh/nextapps-de/[email protected]/snowflake.min.js"></script>
try it in combination with nodebb-plugin-night-mode! it becomes a heartwarming winter dream.
Big thanks to everyone for developing this great app!
I wanted to build upon the Persona Theme, make some UI improvements, and change up the styles but I really don't know the workflow for theme development with NodeBB.
So I got the Persona Theme code, and want to know if there is a way to see changes live as I make edits not just the CSS, but if I move around some of the div items for example?
After pushing changes to Theme to NPM, how to get an updated version of theme working on the live site?
The only thing that does it for me is if I use the Custom CSS Editor in the Settings section.
@arya you can use
After installing grunt-cli you can run the command
in your nodebb path. Every file changes will be recognized and build live on stage.
It's perfect for development purposes.
For optimized development, the NodeBB team (and many of the plugin authors) use Grunt as part of their workflow. The pre-requisite dependencies are installed with NodeBB during the npm install step, although you may need to install grunt-cli (or your distribution's appropriate package for grunt) to allow grunt to be called via the command line.
Once installed, you can simply run grunt to build all assets and run NodeBB. Grunt will also watch for file changes and selectively build a subset of NodeBB's assets so there is no need to hop back to the console to stop NodeBB, build, and restart NodeBB.
Alternatively, you can run grunt --skip, which skips the build step and simply runs NodeBB with file watching enabled.
I recently had a discussion here regarding the setup of theme and plugin development:
@arya after a day or so there should be an update available for your theme on the ACP plugins page. You can update from there and then rebuild and restart to apply the latest changes.
@arya you can update manually, installing your latest package version with npm
npm install [email protected]
Run in your nodebb directory
I want to clarify that it is not recommended to use npm for a development flow.