https://github.com/toshimaru/jekyll-theme-classless-simple

Jekyll theme with simple.css, classless CSS framework.
https://github.com/toshimaru/jekyll-theme-classless-simple

giscus jekyll jekyll-theme ruby-gem

Last synced: 2 months ago
JSON representation

Jekyll theme with simple.css, classless CSS framework.

• Host: GitHub
• URL: https://github.com/toshimaru/jekyll-theme-classless-simple
• Owner: toshimaru
• License: mit
• Created: 2021-12-16T01:22:34.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2024-03-10T01:06:39.000Z (10 months ago)
• Last Synced: 2024-09-29T03:05:01.535Z (3 months ago)
• Topics: giscus, jekyll, jekyll-theme, ruby-gem
• Language: SCSS
• Homepage: https://jekyll-classless-simple.toshimaru.net/
• Size: 70.3 KB
• Stars: 3
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
[![Gem Version](https://badge.fury.io/rb/jekyll-theme-classless-simple.svg)](https://badge.fury.io/rb/jekyll-theme-classless-simple)

[![Test](https://github.com/toshimaru/jekyll-theme-classless-simple/actions/workflows/ci.yml/badge.svg)](https://github.com/toshimaru/jekyll-theme-classless-simple/actions/workflows/ci.yml)

# jekyll-theme-classless-simple

jekyll-theme-classless-simple is a Jekyll theme styled with [Simple.css](https://github.com/kevquirk/simple.css), a classless CSS framework.

[![Demo site](https://user-images.githubusercontent.com/803398/167260765-5098243b-8b0b-4d01-82c0-d0b5b070a95d.png)](https://jekyll-classless-simple.toshimaru.net/)

## Installation

### via [remote_theme](https://github.com/benbalter/jekyll-remote-theme)

Add this line to your Jekyll site's `_config.yml`:

```yml

remote_theme: toshimaru/jekyll-theme-classless-simple

```

### via gem

Add this line to your Jekyll site's `Gemfile`:

```ruby

gem "jekyll-theme-classless-simple"

```

And add this line to your Jekyll site's `_config.yml`:

```yaml

theme: jekyll-theme-classless-simple

```

And then execute:

```console

$ bundle

```

## Usage

```yml

# Specify theme

remote_theme: toshimaru/jekyll-theme-classless-simple

# Or,

# theme: jekyll-theme-classless-simple

classless-simple:

  syntax: monokai # syntax highlight theme

# Set to enable Google Analytics

google_analytics: UA-XXX 

# Navigation links in header

header_pages:

- home.md

- about.md

- categories.html

# Specify your language (default: en)

# lang: en

# Comment form powered by Giscus

# You can get the following values here: https://giscus.app/

giscus:

  repo: github-user-id/repo-name

  repo-id: R_xxx

  category-id: DIC_xxx

  # category: Announcements

  # lang: en

  # reactions-enabled: 1

  # emit-metadata: 0

  # input-position: bottom

  # theme: light

```

## Layouts

Refers to files within the `_layouts` directory, that define the markup for your theme.

- `base.html`: The base layout that lays the foundation for subsequent layouts.

- `home.html`: The layout for your landing-page / home-page / index-page.

- `post.html`: The layout for your posts.

- `page.html`: The layout for your documents that contain FrontMatter, but are not posts.

## Includes

- `footer.html`: Defines the site's footer section.

- `head.html`: Code-block that defines the `` in *default* layout.

- `custom-head.html`: Placeholder to allow users to add more metadata to `