JekyllPortfolio

jekyll-theme-personal-website — Jekyll Portfolio Template

By jayveebustarde

A resume-style personal website template based on Jekyll and the Particle theme, built with Gulp, SASS, and Particle.js, suitable for creating personal introduction and portfolio pages.

Open Source Site Download Source ZIP

Explore the design

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

1 previews

Author preview

View sourceOpens in a new tab

Author-provided preview

Preview provided in the project README.

One original preview is available. Open the full image to inspect the design.

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-03View source

What stands out

A quick read of the recorded project description.

Jekyll-based resume-style personal website structure

Integrated Particle.js particle background effect

Uses Gulp and SASS for styling and build

Built-in Font Awesome and Devicon icons

Supports Google Analytics

Centralized configuration of site and personal information via _config.yml

Template Details

This is a Jekyll-based resume-style personal website template. The README describes it as a simple resume website using the Jekyll particle theme. The template includes features such as Gulp, SASS, Sweet Scroll, Particle.js, BrowserSync, Font Awesome and Devicon icons, Google Analytics, and information customization.

Before use, you need to install Jekyll and clone the particle theme repository, then edit _config.yml to configure site and user information, including site description, baseurl, url, as well as username, user description, user title, email, Twitter, GitHub, Google+, and other fields. The README specifically reminds you to modify the url before deployment.

Colors and particle effects can be adjusted by editing SASS variables and the JSON data of the particle function in app.js, respectively. For the particle part, refer to the Particle.js project. Local running requires installing NodeJS, Jekyll, and Yarn; after installing dependencies, run gulp.

This template uses the MIT license, allowing free use, modification, commercial use, and distribution of the code, but third-party assets such as demo images, fonts, and icons need to be checked against their respective licenses; external services like domains and hosting may incur additional charges.

JekyllPortfolio

Is it right for your project?

Use Cases

Building a personal resume or self-introduction page
Displaying a personal portfolio and skill icons
As a starting point for learning and customizing Jekyll static sites

Suitable For

Developers who need to quickly launch a personal resume page
Users familiar with or willing to use Jekyll static site tools
Personal site authors who want to customize particle backgrounds and color schemes

Getting started & customization

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

1
Install Jekyll first, and clone the particle theme repository
2
Edit _config.yml to fill in site description, baseurl, url, and username, email, social accounts, etc.
3
Be sure to change url to the actual site address before deployment
4
Local running requires installing NodeJS, Jekyll, and Yarn; after installing dependencies, run gulp
5
Adjust colors via SASS variables, and particle effects via the JSON data of the particle function in app.js

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 a public repository; the free scope applies to that version's code and does not imply that 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 full 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

Before deployment, you must change the url in _config.yml to the actual site address; otherwise, site links and resource paths may be incorrect.
Local building requires installing external tools such as Jekyll, NodeJS, and Yarn, which are prerequisites for using this template.
The particle effect depends on the third-party Particle.js project; its code and license must be checked separately and are not covered by this template's MIT authorization.
Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely based on the code's MIT license.
External services such as domains, hosting, databases, payments, or AI may incur additional charges.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

Don't forget to change your url before you deploy your site!
Original README

Install [Jekyll](https://jekyllrb.com): `sudo gem install bundler jekyll`
Original README

Refer to [Particle.js](https://github.com/VincentGarreau/particles.js/) for help
Original README

https://github.com/jayveebustarde/jekyll-theme-personal-website/blob/master/LICENSE.txt https://github.com/jayveebustarde/jekyll-theme-personal-website/blob/master/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-03. 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: Less documented · 53 / 100
Technologies: Jekyll
Website type: Portfolio

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: 2023-04-17
Screenshot last checked: 2026-10-03

No demo link is recorded. Use the repository instructions to evaluate the project locally; the screenshot alone cannot establish interactive behavior.

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.

Review declaration: [email protected] · 2026-10-04

Inspect the recorded source material

SHA-256: bd7c2f550d2c5441fe798c618c20b580ff947040249bc6714ca4553ece5b8a17

2026-10-03T20:27:18.418Z

Source file / repository

# Particle Jekyll Theme

![](./particle.jpg)

This is a simple resume website that is using Jekyll particle theme. 

The project features:

- Gulp
- SASS
- Sweet Scroll
- Particle.js
- BrowserSync
- Font Awesome and Devicon icons
- Google Analytics
- Info Customization

## Basic Setup

1. [Install Jekyll](http://jekyllrb.com)
2. Clone the particle theme: `git clone https://github.com/nrandecker/particle.git`
3. Edit `_config.yml` to personalize your site.

## Site and User Settings

You have to fill some informations on `_config.yml` to customize your site.

```
# Site settings
description: A blog about lorem ipsum dolor sit amet
baseurl: "" # the subpath of your site, e.g. /blog/
url: "http://localhost:3000" # the base hostname & protocol for your site

# User settings
username: Lorem Ipsum
user_description: Anon Developer at Lorem Ipsum Dolor
user_title: Anon Developer
email: [email protected]
twitter_username: lorem_ipsum
github_username:  lorem_ipsum
gplus_username:  lorem_ipsum
```

**Don't forget to change your url before you deploy your site!**

## Color and Particle Customization
- Color Customization
  - Edit the sass variables
- Particle Customization
  - Edit the json data in particle function in app.js
  - Refer to [Particle.js](https://github.com/VincentGarreau/particles.js/) for help

## Running the blog in local

In order to compile the assets and run Jekyll on local you need to follow those steps:

- Install [NodeJS](https://nodejs.org/)
- Install [Jekyll](https://jekyllrb.com): `sudo gem install bundler jekyll`
- Install [Yarn](https://yarnpkg.com/): `npm install -g yarn`
- Install dependencies: `yarn`
- Run: `gulp`

## License

This theme is free and open source software, distributed under the The MIT License. So feel free to use this Jekyll theme anyway you want.

## Credits

This theme was partially designed with the inspiration from these fine folks
- [Willian Justen](https://github.com/willianjusten/will-jekyll-template)
- [Vincent Garreau](https://github.com/VincentGarreau/particles.js/)

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

al-folio

A Jekyll academic homepage theme for scholars and researchers, with a clean responsive design and out-of-the-box support for publication lists, project showcases, CVs, and blogs.

Jekyll · Portfolio

minimal-mistakes

Minimal Mistakes is a two-column Jekyll theme for personal sites, blogs, project documentation, or portfolios.

Jekyll · Portfolio

Beautiful Jekyll

Beautiful Jekyll is a mature, easy-to-use Jekyll blog theme maintained by Dean Attali since 2015, with over 50,000 users.

Jekyll · Blog

So Simple

A minimal reading-oriented Jekyll theme by Michael Rose for personal blogs, portfolios, and long-form reading. It offers multiple layouts, microformat markup, Disqus comments, Google Analytics, Jekyll SEO Tag, three skins, and aggregation by year, category, and tag with a grid view.

Jekyll · Blog

Jalpc

Jalpc is a Jekyll theme for a combined personal homepage and blog. The homepage is split into sections driven by YAML files under _data, so content changes usually do not require editing HTML.

Jekyll · Portfolio

feeling-responsive

A free responsive Jekyll theme built on the Foundation framework, suitable for company sites, portfolios, or blogs. It offers language support, six header styles, customizable navigation and footer, plus documentation and an online demo.

Jekyll · Portfolio