versbinarii / hermit_zola Goto Github PK

I love the social icons on the home page, and it would be nice if more icons could be added. I particular, I was thinking of Codeberg and Matrix. Matrix is quite popular, I could imagine a fair amount of people using it. Codeberg is less wide-spread, but it would still be a nice addition.

Currently, the social icons are assigned a name in config.toml, which must be lowercase to be recognized properly (i.e. github instead of Github or GitHub). These names are then also used for the tooltips when hovering one of the icons. However, lowercase looks weird in a tooltip.

It would be nice if these names could be Uppercase as well, or any arbitrary case for that matter, to allow for uppercase tooltips. The name could then be converted to lowercase before assigned an icon.

This change seems to break for me with zola v0.16.1, both on my own site and doing zola build after cloning this repo. I saw #19 which looks like it might be the cause of this.

Building site...
Error: Failed to build the site
Error: Error parsing templates from themes
Error: Reason: 
* Failed to parse "/home/akiekintveld/src/akiekintveld/themes/Hermit_Zola/templates/section.html"
  --> 54:7
   |
54 |   <h1>{% section.title %}</h1>
   |       ^---
   |
   = unexpected tag; expected an endblock tag (`{% endblock block_name %}` or some content

Hi. I really like this theme so I use it for my personal website. I tried to make an SVG to submit for Mastodon to add to the social icons, but could not make it look good, much less look like the others styling. That is apparently not my skill set. Just wanted to express some interest in having that added to this theme.

Here is the official branding page which shows the logo.

thanks!

Hi folks !

I didn't want to bother you with some pull request with features you didn't want. Then I forked the repository and made these features in my own fork.

My first intentions were to play with Zola and this theme, and not to maintain my own fork.

If you want to have these you can pick these from this : https://github.com/pawndev/hermit_zola/pulls?q=is%3Apr+is%3Aclosed

New features

highlightjs

You can enable highlightjs to replace the built-in syntax high lighting.
But, make sure to disable the built-in syntax highlighting.
In your config.toml

highlight_code = false

[extra.highlightjs]
enable = true

You can change the highlightjs theme with this:

highlight_code = false

[extra.highlightjs]
enable = false
theme = "vs2015"

For all themes, see: https://unpkg.com/browse/[email protected]/highlightjs/styles/

clipboard

You can enable the display of a button to copy the content of a pre>code tag.

Custom buttom

This will display a "copy" button on the bottom of each pre tag.
Only when highlightjs is disable.

highlight_code = true
       
[extra.highlightjs]
enable = false

With highlightjs

Enable it in the highlightjs config block.

highlight_code = false

[extra.highlightjs]
enable = true
clipboard = true

Jupyter notebook

You can display a jupyter notebook from a ipynb file. Only if you have enable highlightjs

highlight_code = false

[extra.highlightjs]
enable = true
clipboard = true
theme = "vs2015"
notebook = true

Featured image

You can add a background image when you set an extra variable in a page section:

+++
title="Test bg image"
date=2020-10-14
draft=false

[taxonomies]
tags=["test", "image"]

[extra]
featuredImg = "https://picsum.photos/1024/768/?random"
+++

Shortcodes

Figure

This theme provide a figure shortcode. You can use it like this:

{{ figure(src="https://via.placeholder.com/1600x800",
          class="big"
          caption_position="center",
          caption="figure-big",
          caption_style="font-style: italic;") }}

• src: The url of the image
• class: Can be "big" | "left" | "right" (default to "") This define how to display the image
• caption_position: Can be "center" | "left" | "right" (default to "center")
• caption: string, describe the image
• caption_style: Custom CSS style to apply to caption

image

This theme provide a image shortcode. You can use it like this:

{{ image(src="https://via.placeholder.com/1600x800", class="boulou" alt="Hello Friend", style="border-radius: 8px;") }}

• src: The url of the image
• class: You can apply class to the current img
• alt: The alt of the image
• style: Custom CSS style to apply on the img element

Fix footnotes css

In an article you can do footnotes like this:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[^1]

> An apple is a sweet, edible fruit produced by an apple tree (Malus pumila). Apple trees are cultivated worldwide, and are the most widely grown species in the genus Malus. The tree originated in Central Asia, where its wild ancestor, Malus sieversii, is still found today. Apples have been grown for thousands of years in Asia and Europe, and were brought to North America by European colonists. Apples have religious and mythological significance in many cultures, including Norse, Greek and European Christian traditions.[^2]

[^1]: From [https://www.lipsum.com/](https://www.lipsum.com/)

[^2]: From [https://en.wikipedia.org/wiki/Apple](https://en.wikipedia.org/wiki/Apple)

I just started with Zola, if you see some mistakes in my repository, please tell me on issue or made a PR 😃

It's unavoidable that people eventually hit a 404 page when browsing a website. Having a 404 page look nice is very valuable, a rough one can scare novice internet users quite quickly.

Context:

I created a brand new zola project with zola init, installed this theme through git clone and set it up as the theme in the config.toml.

Had this error:

Error: Failed to serve the site
Error: Failed to render section '\\?\C:\Repos\Site\content\_index.md'
Error: Reason: Failed to render 'index.html'
Error: Reason: Variable `config.extra.author.name` not found in context while rendering 'index.html'

The solution:

• Go to themes\hermit_zola\theme.toml
• Replace [author] with [extra.author]

Hi,

first of all, thank you for the nice theme!

When I use the theme with serve command, everything works smoothly, but with build command:

I used zola 0.15.3.

Any help/suggestions are welcome.