Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/smrfeld/jekyll-theme-youya

Yōuyǎ is an elegant Jekyll portfolio theme
https://github.com/smrfeld/jekyll-theme-youya

jekyll jekyll-site jekyll-theme portfolio

Last synced: 9 days ago
JSON representation

Yōuyǎ is an elegant Jekyll portfolio theme

Awesome Lists containing this project

README

        

# Jekyll Yōuyǎ theme

Yōuyǎ is an elegant profile theme for Jekyll.

## Demo

[You can see a live demo of the site in action here.](https://smrfeld.github.io/jekyll-theme-youya)

drawing

drawing

## Get started

1. In your own Jekyll website, add it to your `Gemfile`
```
gem "youya", github: "smrfeld/jekyll-theme-youya", branch: "main"
```
and run
```
bundle install
```
or just put this whole repo in your `_theme/youya` directory.
4. Finally set the theme in your `_config.yml` file:
```
theme: youya
```

Now you can set the following required fields (see also the example `_config.yml` in the `test` folder):

* URL of site:
```
url: https://smrfeld.github.io/jekyll-theme-youya
```

* Background images: The background image is read from a folder under `assets/img` in your site loads a random image each time: `0000.jpeg`,`0001.jpeg`,.... In your `_config.yml`:
```
background_img_folder: background_imgs
no_background_images: 2
```

* Logo images: both black and white logo images should be provided, referring to `assets/img`:
```
logo_black: logo_black.png
logo_white: logo_white.png
```

* Favicon in assets folder should be 32x32 pixels:
```
favicon: favicon.png
```

* Menu: this is the main navigation menu:
```
menu:
- title: Home
local_url: index.html
- title: Page
local_url: page.html
- title: Reading
local_url: reading.html
- title: Writing
local_url: writing.html
- title: Photography
local_url: photography.html
```
You can also specify a `remote_url` instead of a `local_url` - `local_url` is relative to the top-level directory of your site.

* About section text and image (referring to `assets/img` folder):
```
about: "Hello World"
about_img: profile.jpg
```

* Social links to GitHub, LinkedIn, Google Scholar:
```
github_url: https://github.com
linkedin_url: https://www.linkedin.com
google_scholar_url: https://scholar.google.com
```

## Features

* Profile with sections for:
* Code with links to GitHub
* Academic papers with links to arXvi & descriptions
* Projects, with links to GitHub & arXiv
* Reading book list
* Writing & blog entries
* Photography
* About
* Random background from a collection of images.
* Custom menus for each page.
* Social links.
* Easily customizable.

## Tests

Install theme in the main directory:
```
bundle install
```
Then build the site from the `test` directory:
```
cd test
bundle exec jekyll serve
```

## Customization

The site is broken into many reusable sections in the `_include` directory. You can easily make your own `_layouts`. Refer to:

* Examples in the [_layouts](_layouts/) directory, and
* The [liquid documentation.](https://shopify.github.io/liquid/tags/iteration/)