Cyber-Jekyll

Cyber-Jekyll

Hello, and welcome to my blog, GSM-DZ! Today, I have an exciting topic for you. I will show you how to build a Jekyll theme from scratch for GitHub Pages. Let's dive in!

Cyber-Jekyll Screenshot

About Cyber-Jekyll

Cyber-Jekyll is a personal website built with Jekyll and hosted on GitHub Pages. The goal is to share thoughts, projects, and technical content in an organized and accessible way.

Development Environment & Technologies Used

  • Jekyll – For building the static website.
  • GitHub Pages – For hosting the site.
  • HTML, CSS, JavaScript – For front-end design.
  • Liquid – The templating language used in Jekyll.
  • Tailwind CSS – For enhanced design and responsiveness.

Installation & Local Setup

  1. Install Jekyll and dependencies:
    gem install jekyll bundler
  2. Clone the repository:
    git clone https://github.com/lamin-sudo/Cyber-jekyll.git
  3. Navigate to the project directory:
    cd Cyber-Jekyll
  4. Install the required dependencies:
    bundle install
  5. Serve the website locally:
    bundle exec jekyll serve
  6. Open your browser and visit: http://localhost:4000

Known Issues & Required Fixes

  • Dark/Light Mode Toggle: The button's appearance changes, but the theme itself does not switch. This might be an issue with the theme being used.
  • Page Design: Improve the design of the "About Me" and "Contact Me" pages to match the main homepage layout.
  • Preference Persistence: Add support for saving the dark/light mode preference in localStorage to persist settings between page reloads.

Contributions & Modifications

We welcome contributions! Please follow these steps to contribute:

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix.
  3. Submit a pull request with a detailed description of your changes.
Cyber-Jekyll Contributions

Important Links

Thanks for reading: Cyber-Jekyll, Sorry, my English is bad:)

Getting Info...

Post a Comment

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.