mirror of https://github.com/getzola/zola
148 lines
3.0 KiB
Markdown
148 lines
3.0 KiB
Markdown
|
|
+++
|
|
title = "hephaestus"
|
|
description = "A portfolio theme"
|
|
template = "theme.html"
|
|
date = 2024-09-02T05:58:27Z
|
|
|
|
[extra]
|
|
created = 2024-09-02T05:58:27Z
|
|
updated = 2024-09-02T05:58:27Z
|
|
repository = "https://github.com/BConquest/hephaestus.git"
|
|
homepage = "https://github.com/BConquest/hephaestus"
|
|
minimum_version = "0.4.0"
|
|
license = "AGPL"
|
|
demo = "https://bryantconquest.com"
|
|
|
|
[extra.author]
|
|
name = "Bryant Conquest"
|
|
homepage = "https://bryantconquest.com"
|
|
+++
|
|
|
|
# hephaestus
|
|
Hephaestus is a portfolio theme for zola. It uses bulma css and supports using icons from ion-icon.
|
|
|
|
![hephaestus screenshot](screenshot.png?raw=true)
|
|
|
|
## Contents
|
|
- Installation
|
|
- Options
|
|
- Navigation Bar
|
|
- Education
|
|
- Projects
|
|
- Skills
|
|
- Social Links
|
|
|
|
## Installation
|
|
|
|
First, you will download the theme into your `themes` directory:
|
|
|
|
```bash
|
|
$ cd themes
|
|
$ git clone https://github.com/BConquest/hephaestus
|
|
```
|
|
|
|
Second, you will enable the theme in your `config.toml` directory:
|
|
|
|
```toml
|
|
theme = "hephaestus"
|
|
```
|
|
|
|
## Options
|
|
### Navigation Bar
|
|
To edit the navigation bar you will need to edit your `config.toml` to include:
|
|
|
|
```toml
|
|
menu = [
|
|
{ text = "foo", link = "/foo"},
|
|
{ text = "bar", link = "/bar"},
|
|
]
|
|
```
|
|
You can have as many items as you want to have and the links can be to anything.
|
|
|
|
### Education
|
|
To edit the education that is displayed you will need to create a directory in `content`.
|
|
In the `_index.md` the frontmatter needs to include:
|
|
|
|
```TOML
|
|
title = "foo"
|
|
template = "education.html"
|
|
|
|
[extra]
|
|
author = "Name"
|
|
```
|
|
|
|
For every educational level you want to add you will need to create a new markdown file that includes the frontmatter:
|
|
|
|
```
|
|
title = "place of education"
|
|
|
|
[extra]
|
|
image = "image-location"
|
|
link = "link to school"
|
|
+++
|
|
```
|
|
|
|
Any content that is typed will be rendered underneath these two items.
|
|
|
|
### Projects
|
|
To edit the projects that are displayed you will need to create a directory in `content`.
|
|
In the `_index.md` the frontmatter needs to include:
|
|
|
|
```TOML
|
|
title = "foo"
|
|
template = "projects.html"
|
|
|
|
[extra]
|
|
author = "bar"
|
|
```
|
|
|
|
Then for every project you want to add you will need to format the `*.md` as:
|
|
|
|
```md
|
|
+++
|
|
title = "foo"
|
|
|
|
[extra]
|
|
image = "/image_location"
|
|
link = "link to project"
|
|
technologies = ["bar", "baz"]
|
|
+++
|
|
|
|
Description of project named foo.
|
|
```
|
|
|
|
### Skills
|
|
|
|
To edit the skills that you want to display it is important to note that there are two types of skills that can be
|
|
displayed (lan, and tools). To format the look you will need to create a directory in `content` that includes the
|
|
frontmatter of:
|
|
|
|
```TOML
|
|
title = "foo"
|
|
template = "skills.html"
|
|
page_template = "skills.html"
|
|
|
|
[extra]
|
|
author = "author-name"
|
|
image = "image-location"
|
|
|
|
lan = [
|
|
{ lang = "language", expr = "num between 1-5", image = "image-location", comfort = "word to describe comfort"},
|
|
]
|
|
|
|
tools = [
|
|
{ tool = "tool-name", expr = "num between 1-5", image = "tool-image"},
|
|
]
|
|
```
|
|
|
|
### Social Links
|
|
To edit the social links that appear in the footer of the page, you need to edit your `config.toml` to include:
|
|
|
|
```
|
|
social = [
|
|
{ user = "username", link = "link", icon = "icon-name from ion-icon"},
|
|
]
|
|
```
|
|
|
|
|