This is the source code for my personal website, built with Jekyll and Compass for Sass/CSS management.
- Ruby (macOS usually has it pre-installed)
- Bundler (optional, but recommended)
- Jekyll
- Compass
- Install Bundler (if not already):
gem install bundler
- Install Jekyll and Compass:
gem install jekyll compass
-
Start Jekyll with live reload:
jekyll serve --livereload
- Visit http://localhost:4000 to view the site.
- Jekyll will watch for changes in your content and rebuild automatically.
-
Compile Sass with Compass in watch mode: In a separate terminal, run:
compass watch
- This will watch the
sass/folder and compile changes tocss/.
- This will watch the
_posts/,_drafts/: Blog posts and drafts (Markdown)_layouts/,_includes/: Jekyll templates and partialssass/: Source Sass filescss/: Compiled CSS outputconfig.rb: Compass configuration_config.yml: Jekyll configuration
- Edit your styles in
sass/, notcss/. - If you want to change Compass settings, edit
config.rb. - For more info, see Jekyll docs and Compass docs.