Learn, Build, Break, Repeat

Stories worth reading, ideas worth sharing

A clean, minimalist blog built with Jekyll and hosted on GitHub Pages. Inspired by Medium's elegant design philosophy.

✨ Features

• Clean Design: Minimalist, Medium-inspired layout
• Responsive: Optimized for all devices (desktop, tablet, mobile)
• Fast Loading: System fonts, optimized CSS, no external dependencies
• SEO Friendly: Built-in SEO optimization with Jekyll plugins
• Easy to Customize: Simple SCSS structure for easy theming

🛠️ Built With

• Jekyll - Static site generator
• GitHub Pages - Free hosting
• SCSS - Styling with variables and nesting
• System Fonts - Fast loading, copyright-free typography

📱 Design

Typography

• Headers: Georgia serif font for elegance
• Body: System font stack for optimal readability
• Clean hierarchy: Consistent spacing and sizing

Layout

• Single column: Focus on content
• Minimal header: Title and navigation
• Compact footer: Copyright and social links

📝 Writing Posts

Create new posts in the _posts/ directory:

---
layout: post
title: "Post Title"
date: 2025-08-25 12:00:00 +0800
image: "/assets/images/post-image.jpg"
tags: [technology, design, life]
excerpt: "Brief description of post..."
---

post content goes here...

🎨 Customization

Colors

Edit the SCSS variables in assets/css/main.scss:

$Color-dark: #2c2c2c;        // Main text color
$Color-grey: #757575;        // Secondary text
$Color-blue: #4a90e2;        // Navigation links
$Color-green: #1a8917;       // Accent color
$Color-light-grey: #fafafa;  // Background

Site Settings

Update _config.yml:

📁 Project Structure

├── _config.yml           # Site configuration
├── _posts/              # Blog posts
├── _layouts/            # Page templates
│   ├── default.html     # Base layout
│   └── post.html        # Post layout
├── assets/
│   └── css/
│       └── main.scss    # Main stylesheet
├── index.markdown       # Homepage
├── about.md            # About page
└── README.md           # This file

🚀 Local Development

1. Install Jekyll:

   gem install bundler jekyll

2. Clone and setup:

   git clone https://github.com/atomco175/repository-name.git
   cd repository-name
   bundle install

3. Run locally:

   bundle exec jekyll serve

4. Visit: http://localhost:4000

🌐 Deployment

This site automatically deploys to GitHub Pages when you push to the main branch.

Manual Deploy Steps:

1. Push changes to GitHub
2. GitHub Actions automatically builds the site
3. Site updates at your GitHub Pages URL

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🤝 Contributing

1. Fork the repository
2. Create a feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

📧 Contact

• Author: Angie Chen
• GitHub: @atomco175
• Website: https://atomco175.github.io/myblog/

---

⭐ If you found this project helpful, please give it a star!