A personal blog built with Jekyll, featuring posts about programming and technology.
This is a Jekyll-powered blog that covers various topics including programming languages, software development, and technical tutorials. The blog is designed with a clean, responsive layout and includes features like categorized posts and an about page.
- Responsive Design: Mobile-friendly layout that works across all devices
- Category-based Organization: Posts are organized by categories (General, Programming)
- Custom Styling: SCSS-based styling with modular components
- RSS Feed: Automatic feed generation with jekyll-feed plugin
- Easy Content Management: Write posts in Markdown format
- Ruby (version 2.7 or higher)
- Bundler gem
- Git
-
Clone the repository:
git clone https://github.com/saturnyx/blog.git cd blog -
Install dependencies:
bundle install
-
Serve the site locally:
bundle exec jekyll serve -
Open your browser and visit
http://localhost:4000
You can create new posts using Jekyll Compose (already included in the Gemfile):
bundle exec jekyll post "Your Post Title"Or manually create a new file in the _posts directory following the naming convention:
YYYY-MM-DD-your-post-title.md
├── _config.yml # Site configuration
├── _includes/ # Reusable HTML components
│ ├── ad.html
│ ├── analytics.html
│ ├── footer.html
│ └── nav.html
├── _layouts/ # Page templates
│ ├── page.html
│ └── post.html
├── _posts/ # Blog posts
├── assets/
│ └── css/ # SCSS stylesheets
├── about.md # About page
├── index.html # Homepage
├── posts.html # Posts listing page
└── 404.html # Custom 404 page
ustom 404 page
The site configuration is managed in _config.yml. Key settings include:
- Site Title: Harshal's Blog
- Author: Harshal
- Email:
[email protected] - GitHub: saturnyx
The blog uses SCSS for styling with the following structure:
main.scss- Main stylesheet that imports all componentsvar.scss- Variables and theme configurationnav.scss- Navigation stylingfooter.scss- Footer stylingpost.scss- Individual post stylingposts.scss- Posts listing page stylingindex.scss- Homepage styling
This site can be deployed to various platforms:
- Push your code to a GitHub repository
- Enable GitHub Pages in repository settings
- Your site will be available at
https://username.github.io/repository-name
- Connect your GitHub repository to Netlify
- Set build command:
bundle exec jekyll build - Set publish directory:
_site
- Run
bundle exec jekyll build - Upload the contents of
_sitedirectory to your web server
- Fork the repository
- Create a feature branch (
git checkout -b feature/new-feature) - Make your changes
- Commit your changes (
git commit -am 'Add new feature') - Push to the branch (
git push origin feature/new-feature) - Create a Pull Request
This project is open source and available under the MIT License.
- Author: Harshal
- Email:
[email protected] - GitHub: @saturnyx
Built with ❤️ using Jekyll