A Jekyll-powered blog hosted on GitHub Pages, available at blog.deflock.me.
This is a Jekyll blog using the Minimal Mistakes theme. Blog posts are written in Markdown and stored in the _posts/ directory. When changes are pushed to the master branch, GitHub Pages automatically builds and deploys the site.
Before you can run the blog locally, you'll need:
- Ruby (version 3.0.0 or higher recommended)
- Bundler (Ruby gem manager)
- Git (for version control)
-
Clone the repository:
git clone https://github.com/FoggedLens/foggedlens.github.io.git cd foggedlens.github.io -
Install Ruby dependencies:
bundle install
If you encounter Ruby version conflicts, you may need to update your Ruby version or use a Ruby version manager like
rbenvorrvm.
-
Start the Jekyll development server:
bundle exec jekyll serve -
Access your local site: Open your browser and navigate to:
http://localhost:4000 -
Development features:
- The site will automatically rebuild when you make changes to files
- Live reload functionality shows changes immediately in your browser
- Press
Ctrl+Cto stop the server
-
Serve with live reload and incremental builds:
bundle exec jekyll serve --livereload --incremental -
Serve on a different port:
bundle exec jekyll serve --port 4001 -
Build the site without serving:
bundle exec jekyll build
├── _config.yml # Jekyll configuration
├── _posts/ # Blog posts (Markdown files)
├── _layouts/ # Page templates
├── _includes/ # Reusable components
├── _sass/ # Sass/CSS files
├── _data/ # Data files (YAML, JSON, CSV)
├── assets/ # Images, documents, and other assets
├── about.markdown # About page
├── index.markdown # Homepage
└── Gemfile # Ruby dependencies
-
Create a new post:
- Add a new Markdown file in
_posts/ - Use the naming convention:
YYYY-MM-DD-title.md - Example:
2025-01-15-my-new-post.md
- Add a new Markdown file in
-
Post front matter:
--- layout: single title: "Your Post Title" date: 2025-01-15 categories: [category1, category2] tags: [tag1, tag2] ---
-
Write your content in Markdown below the front matter
To add new pages (like the DeFlock Mobile App User Guide):
- Create a new
.markdownor.mdfile in the root directory - Add front matter with layout, title, and permalink
- Write your content in Markdown
Example:
---
layout: single
title: "Page Title"
permalink: /page-url/
---
# Your page content here- Automatic deployment: Push changes to the
masterbranch - GitHub Pages automatically builds and deploys to blog.deflock.me
- Build status can be checked in the GitHub repository's Actions tab
-
Ruby version conflicts:
- Update Ruby to version 3.0.0 or higher
- Use a Ruby version manager like
rbenvorrvm
-
Bundle install fails:
bundle update gem update bundler
-
Jekyll serve fails:
- Make sure you're in the project directory
- Try running
bundle exec jekyll cleanfirst - Check that all dependencies are installed with
bundle install
-
Port already in use:
bundle exec jekyll serve --port 4001
- Check the Jekyll documentation
- Review Minimal Mistakes theme docs
- Look at existing posts in
_posts/for examples
- Create a new branch for your changes
- Write your blog post or make modifications
- Test locally with
bundle exec jekyll serve - Create a pull request to the
masterbranch - Once merged, changes will automatically deploy
Live Site: blog.deflock.me
Repository: github.com/FoggedLens/foggedlens.github.io