Source for https://taemincode.github.io built with Jekyll, SCSS, MathJax, and Manim visuals.
- Clean, responsive layout (Bootstrap 5, SCSS partials)
- Dark mode toggle with theme persistence
- MathJax for LaTeX math (
$...$/$$...$$) - Copy-to-clipboard buttons on code blocks
- Manim-generated images/animations for ML/Math posts
- RSS feed and SEO plugin ready
- Jekyll 4.x, Kramdown
- SCSS via Jekyll pipeline (
assets/css/site.scss+_sass/*) - Bootstrap, AOS, Font Awesome (CDN)
- MathJax v3
- GitHub Pages hosting
├── _config.yml # Site config (url, baseurl, markdown)
├── _layouts/
│ ├── default.html # Global head, navbar, footer, scripts
│ └── post.html # Post wrapper (prev/next nav)
├── _posts/ # Blog posts (YYYY-MM-DD-title.md)
├── assets/
│ ├── css/site.scss # SCSS entry (imports from _sass)
│ └── images/ # Images used by the site/posts
├── _sass/ # SCSS partials (base, nav, blog, post, …)
├── manim/ # Manim Python scripts (scenes)
├── media/ # Manim render outputs (images/videos)
├── index.html, blogs.html # Home and blog index
├── Gemfile # Ruby deps (jekyll, seo-tag, feed)
└── vendor/ # Bundler dir (if vendored)
Note: _site/ is Jekyll’s build output and shouldn’t be edited by hand.
Prereqs: Ruby (>= 3.x recommended) and Bundler.
- Install gems
bundle install- Run the server (with live reload)
bundle exec jekyll serve --livereloadVisit http://127.0.0.1:4000
- Create
_posts/YYYY-MM-DD-title.mdwith front matter:
---
layout: post
title: "Your Title"
date: 2025-03-16
categories: [ml]
description: Optional SEO summary
---- Use Markdown. MathJax is available:
- Inline:
$a^2 + b^2 = c^2$ - Display:
$$\int_a^b f(x)\,dx$$
- Images: place under
assets/images/…orassets/images/posts/…and reference with{{ site.baseurl }}when needed:
Install system deps and Manim (recommend a Python venv):
brew install cairo pkg-config pango ffmpeg
python -m venv .venv && source .venv/bin/activate
pip install manimRender scenes from manim/ (examples):
# Linear Regression still frame (PNG)
manim -pqh manim/linear_regression_scene.py LinearRegression --format=png
# Logistic Regression still frame (PNG)
manim -pqh manim/logistic_regression.py LogisticRegression --format=pngOutputs are written under media/ (e.g., media/images/linear_regression_scene/). Move or reference the generated files from your posts.
The Gemfile includes jekyll-seo-tag and jekyll-feed.
- To enable full SEO tags, add
{% seo %}inside<head>of_layouts/default.html. - The feed will be available at
/feed.xmlwhen built.
- Hosted at https://taemincode.github.io
baseurlis empty for a user site; keep it that way unless you serve under a subpath.- GitHub Pages can build from the default branch. If building locally, commit only sources (not
_site/).
No license file is included. All rights reserved unless a license is added.
Taemin Park — https://github.com/taemincode