A fast, lightweight, and modern Zola theme utilizing abridge.css (a class-light semantic HTML CSS Framework). Perfect Lighthouse, YellowLabTools, and Observatory scores. Here is a Zola Themes Benchmarks Page.
offline = truein
config.toml(full search support).
clickthe search button icon.
This theme requires version 0.17.2 or later of Zola
git clone https://github.com/jieiku/abridge.git cd abridge zola serve # open http://127.0.0.1:1111/ in the browser
The Quick Start shows how to run the theme directly. Next we will use abridge as a theme to a NEW site.
zola init mysite cd mysite
Add the theme as a git submodule:
git init # if your project is a git repository already, ignore this command git submodule add https://github.com/jieiku/abridge.git themes/abridge
Or clone the theme into your themes directory:
git clone https://github.com/jieiku/abridge.git themes/abridge
Copy some files from the theme directory to your project's root directory:
touch templates/.gitkeep rsync themes/abridge/config.toml config.toml rsync themes/abridge/content/_index.md content/ rsync themes/abridge/COPY-TO-ROOT-SASS/* sass/ rsync themes/abridge/netlify.toml netlify.toml rsync themes/abridge/package_abridge.js package_abridge.js rsync themes/abridge/package.json package.json
templates/.gitkeepthe templates directory is required in your base site. #2150
config.tomlbase configuration with all config values.
content/_index.mdrequired to set pagination.
COPY-TO-ROOT-SASS/abridge.scssoverrides to customize Abridge variables.
netlify.tomlsettings to deploy your repo with netlfiy.
package_abridge.jsnode script to: update cache files list in PWA, minify js, bundle js
package.jsonto switch between nosearch, elasticlunr, tinysearch, stork.
Uncomment the theme line in your project's root config.toml:
sed -i 's/^#theme = "abridge"/theme = "abridge"/' config.toml
Copy the content from the theme directory to your project or make a new post:
rsync -r themes/abridge/content .
zola serve in the root path of the project:
Zola will start the dev web server, accessible by default at
Saved changes will live reload in the browser. (press
ctrl+f5, or while developing set
For further customization be sure to check the docs.
Do you love this theme? Was it useful to you? Please leave a github star, and if you feel inclined to donate you can make a donation to me through github sponsors.
We'd love your help! Especially with fixes to issues, or improvements to existing features.
Abridge is distributed under the terms of the MIT license.