JekyllHTMLBlogTool Site

boucle — Jekyll Blog Template

By gni

Boucle is a simple blog theme built on Jekyll and Tailwind CSS, supporting tags, categories, pagination, SEO, and JavaScript search that filters by title.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

3 previews
Desktop homepage1 / 3
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 3

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-02View source

What stands out

A quick read of the recorded project description.

01

A simple blog theme built with Tailwind CSS

02

Supports post tags and categories, with categories displayed in the menu configurable

03

Built-in pagination and search-engine-oriented page optimization

04

Search filtering by post title via custom JavaScript

05

README provides configuration instructions for site, social links, author information, and more

Template Details

Boucle is an open-source Jekyll theme by gni on GitHub, built with Tailwind CSS and positioned as a simple blog. Both the repository description and README indicate that it targets simple blog scenarios and provides tags, categories, SEO, pagination, and a search feature implemented with custom JavaScript that filters by post title.

Installation involves cloning the repository, setting configuration variables in the Jekyll site's _config.yml, and then building with bundle exec jekyll serve. The README lists configurable items, including site title, email, description, baseurl, url, Twitter/GitHub/LinkedIn links, categories displayed in the menu, permalink structure, and author name, avatar, bio, and social accounts.

The theme uses the MIT license, allowing free use, modification, commercial use, and distribution, provided the copyright notice and license notice are retained when distributing. Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses; external services such as domains and hosting may incur separate charges.

JekyllHTMLBlogTool site

Is it right for your project?

Use Cases

  • Building a personal blog centered on post lists and detail pages
  • A writing site that needs to organize content by tags or categories
  • A blog that wants quick filtering and lookup by post title
  • A site that introduces Tailwind CSS styling into a Jekyll project

Suitable For

  • Developers building static blogs with Jekyll
  • Users who prefer clean typography and Tailwind CSS
  • Blog authors who need tags, categories, and pagination
  • Users who want to modify theme configuration and styles themselves

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Clone the repository: git clone https://github.com/gni/boucle.git

  2. 2

    Set configuration variables such as title, description, url, and baseurl in the Jekyll site's _config.yml

  3. 3

    Configure menu_categories, permalink, and the name, avatar, bio, and social accounts under author as needed

  4. 4

    Run bundle exec jekyll serve to build and preview the site

  5. 5

    Check the licenses of third-party assets such as demo images, fonts, and icons before use

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope applies to that version's code and does not mean external services or third-party assets are free.

Must comply with when using

  • Free use, modification, commercial use, and distribution of this version's code are permitted.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis

Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
More documented · 86 / 100
Technologies
Jekyll · HTML
Website type
Blog · Tool Site
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2024-12-14
Screenshot last checked
2026-10-02

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Jekyll as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 934be1b4b6ed0d05bd5f5ca4e51311e133ad3d78192f9aae7d216fd7807962d2

2026-10-02T10:56:26.270Z

Source file / repository
# Boucle

Boucle is an elegant and modern theme for Jekyll, crafted with Tailwind CSS. It's designed for flexibility, easy customization, and supports tags, categories, SEO, pagination, and more. The theme also features a custom JavaScript search functionality which can filter posts by title.

## Installation

To install the Boucle theme on your Jekyll site, follow these steps:

1. Download or clone this repository
   ```
   $ git clone https://github.com/gni/boucle.git
   ```

2. Set the configs vars in your Jekyll site's `_config.yml`


3. Build your site: 
    ```bash
    $ bundle exec jekyll serve
    ```

## Features

- **Modern Design**: Boucle is designed with a clean and modern aesthetic in mind, crafted with Tailwind CSS.
- **Search Functionality**: Custom JavaScript is used to allow users to search for posts by their titles.
- **Support for Tags and Categories**: Boucle provides built-in support for post tags and categories.
- **SEO Ready**: The theme has been optimized for search engines.
- **Pagination**: Pagination is built into the theme for ease of navigation.

## Usage

After installing the theme, you can customize it to suit your needs. Boucle provides a number of configuration options that are detailed below:

| Key                     | Example Value                    | Description                                   |
|-------------------------|----------------------------------|-----------------------------------------------|
| `title`                 | "boucle ∞"                       | Your site's title.                            |
| `email`                 | "[email protected]"         | Your email address.                           |
| `description`           | "Awesome description"            | The description of your site.                 |
| `baseurl`               | null                             | The subpath of your site, e.g. `/blog`        |
| `url`                   | ""                               | The base hostname & protocol for your site.   |
| `twitter_url`           | "example_site"                   | Your Twitter page URL.                        |
| `github_url`            | "example_site"                   | Your GitHub page URL.                         |
| `linkedin_url`          | "example_site"                   | Your LinkedIn page URL.                       |
| `menu_categories`       | ["devops", "linux", "data", "network"] | The categories you want to show in the menu.|
| `permalink`             | '/:title/'                       | The permalink structure you want to use for your posts. |
| `author.name`           | 'Lucian'                         | The author's name.                            |
| `author.image`          | 'https://...'                    | The URL to the author's image.                |
| `author.description`    | 'Open source enthusiast.'        | The author's description.                     |
| `author.twitter`        | 'gni'                         | The author's Twitter handle.                  |
| `author.github`         | 'gni'                         | The author's GitHub username.                 |

## Contributing

Bug reports and pull requests are welcome on GitHub at https://github.com/gni/boucle. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [code of conduct](https://github.com/gni/boucle/blob/main/CODE_OF_CONDUCT.md).

## License

The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

## Code of Conduct

Everyone interacting in the Boucle project's codebases, issue trackers, chat rooms and mailing lists is expected to follow the [code of conduct](https://github.com/gni/boucle/blob/main/CODE_OF_CONDUCT.md).


## Author

- [Lucian BLETAN](https://github.com/gni)

Distributed under the MIT license. See ``LICENSE`` for more information.

[Boucle](https://github.com/gni/boucle)
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.