Giter VIP home page Giter VIP logo

minimal-zola-theme's Introduction

Minimal

Minimal is a minimal version of the Even theme, this requires no JS to be run and the CSS is under 10kb.

Contents

[[TOC]]

Installation

First download this theme to your themes directory:

$ cd themes
$ git clone [email protected]:MaterialFuture/minimal-zola-theme.git

and then enable it in your config.toml:

theme = "minimal"

you can alternatively add it as a git submodule to save space when commiting.

The theme requires tags and categories taxonomies to be enabled in your config.toml:

taxonomies = [
    # You can enable/disable RSS
    {name = "categories", rss = true},
    {name = "tags", rss = true},
]

If you want to paginate taxonomies pages, you will need to overwrite the templates as it only works for non-paginated taxonomies by default.

It also requires to put the posts in the root of the content folder and to enable pagination, for example in content/_index.md:

+++
paginate_by = 5
sort_by = "date"
+++

Options

Top-menu

Set a field in extra with a key of even_menu:

# This is the default menu
even_menu = [
    {url = "$BASE_URL", name = "Home"},
    {url = "$BASE_URL/categories", name = "Categories"},
    {url = "$BASE_URL/tags", name = "Tags"},
    {url = "$BASE_URL/about", name = "About"},
]

Homepage Content

Set the content of the homepage

# This is where you'll put content you want on the homepage however you want it.
#Homepage Stuff - You'll see this on the homepage
homepage_content = [
    {content = "Another One"},
]

If you put $BASE_URL in a url, it will automatically be replaced by the actual site URL.

Title

The site title is shown on the header. As it might be different from the <title> element that the title field in the config represents, you can set the even_title instead.

SEO and Header Tags

Some SEO Tags have been added as well as some important head tags for browser compatibility.

I kept this as minimal as possible, but if you need more SEO tags you can find more [here in this gist I created]{https://gitlab.com/snippets/1933851}.

minimal-zola-theme's People

Contributors

konstantine-v avatar

Stargazers

 avatar

Watchers

 avatar  avatar

minimal-zola-theme's Issues

Library and Table changes

I'm thinking about changing the templates for the library and for anything else that uses CSV format files.
I believe having the status cascade from a-z or 1-9 might make things easier to automate in something like sc or sc-im. I'm looking to easily update read statuses by updating the value by one ascii value or numerical value.

Another Improvement would be the table layout in general, maybe finding a better way to show tables in this theme, something more minimal and more compact, whichever looks the best in browsers such as lynx.

Some thoughts as I plan to update the theming yet again and most likely audit some of the SASS to remove unused CSS.

Asset Minification

I'm looking for the lightest approach to minifying all the HTML and CSS assets being loaded. HTML minification can reduce file size by around ~10% from some of my other projects, but I have yet to find anything that can be used in Zola.

The goal is to not have another dependency to load, or alternatively something that wouldn't impact build times that much. The idea is for it to not interfere with the current build process, so hopefully something added onto Zola itself or a script that Zola can run.

Link to Zola repo

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.