A brief guide to get started with Focus.
To set up the theme, you need:
- A command line interface.
To install Node, go to Node.js, download it and follow the steps.
Once you unzip the folder, you'll see the following file structure:
dist- production files
src- source files
.eleventy.js- Eleventy config
package.json- NPM dependencies
purgecss.config.js- PurgeCSS config
dist folder contains the files you would upload
to your web server to publish the site.
Open your terminal, make sure you are in the same directory of the unzipped theme, and run the following command to install all dependencies:
In the terminal, run the following command:
It compiles the source files, generates the site using Eleventy, and starts a local server.
Now go to http://localhost:8080 in your browser to see the site.
You can add metadata in your template front matter:
layout:the template used to wrap the content.
navbarColor:dark/light (optional, default is "dark").
permalink:allows remapping your template's URI.
Once your site is ready to publish, run the following command:
It generates the site from scratch, formats the HTML, removes unused CSS, and compresses the images' size.