Theme Update

This commit is contained in:
Francesco 2024-04-23 17:44:27 +02:00
parent 0bc1296579
commit 97816c1408

View File

@ -13,8 +13,23 @@
![3](https://github.com/tomfran/typo/blob/main/images/3.png) ![3](https://github.com/tomfran/typo/blob/main/images/3.png)
---
## Installation **Table of content**
- [1 Installation](#1-installation)
- [2 Features](#2-features)
- [2.1 Header autonumbering](#21-header-autonumbering)
- [2.2 Appearance preferences](#22-appearance-preferences)
- [2.3 Dark and light mode images](#23-dark-and-light-mode-images)
- [3 Configuration example](#3-configuration-example)
- [3.1 post.md](#31-postmd)
- [3.2 hugo.toml](#32-hugotoml)
- [4 References](#4-references)
---
## 1 Installation
To receive updates, add the theme as a submodule: To receive updates, add the theme as a submodule:
``` ```
@ -23,9 +38,9 @@ git submodule add git@github.com:tomfran/typo.git themes/typo
Otherwise you can clone the repo and copy it manually to yout theme folder. Otherwise you can clone the repo and copy it manually to yout theme folder.
## Features ## 2 Features
### Header autonumbering ### 2.1 Header autonumbering
You can add auto-numbering to the pages by setting the following parameter in You can add auto-numbering to the pages by setting the following parameter in
the header of your md files. The numbering is currently supported to level 3 subheadings. the header of your md files. The numbering is currently supported to level 3 subheadings.
@ -34,7 +49,7 @@ the header of your md files. The numbering is currently supported to level 3 sub
autonumber: true autonumber: true
``` ```
### Appearance preferences ### 2.2 Appearance preferences
In your `hugo.toml` file you can specify the preferred theme: In your `hugo.toml` file you can specify the preferred theme:
@ -42,7 +57,7 @@ In your `hugo.toml` file you can specify the preferred theme:
theme = "light | dark | auto" theme = "light | dark | auto"
``` ```
### Dark and light mode images ### 2.3 Dark and light mode images
You can tags to decide if images are displayed in dark or light mode, as Github id doing for readmes. You can tags to decide if images are displayed in dark or light mode, as Github id doing for readmes.
@ -58,9 +73,9 @@ You can of course remove the final tag
to alway show the same image on light and to alway show the same image on light and
dark mode. dark mode.
## Configuration example ## 3 Configuration example
**post.md** ### 3.1 post.md
``` ```
--- ---
@ -75,7 +90,7 @@ autonumber: true
Your content... Your content...
``` ```
**hugo.toml** ### 3.2 hugo.toml
```toml ```toml
baseURL = 'https://example.org/' baseURL = 'https://example.org/'
@ -142,6 +157,6 @@ url = "/resume"
style = 'algol' style = 'algol'
``` ```
### References ## 4 References
- The SVGs for social icons are taken from [Hugo PaperMod](https://github.com/adityatelange/hugo-PaperMod). - The SVGs for social icons are taken from [Hugo PaperMod](https://github.com/adityatelange/hugo-PaperMod).