A Jekyll blog built with Gulp and BrowserSync for local development.
- Ruby (version 3.0+)
- Node.js (version 16+)
- Homebrew (for macOS)
# Install rbenv
brew install rbenv
# Add rbenv to your shell profile (for zsh)
echo 'eval "$(rbenv init -)"' >> ~/.zshrc
source ~/.zshrc
# Install latest Ruby
rbenv install 3.4.4
rbenv global 3.4.4
rbenv rehash
gem install jekyll bundler
npm install
npx gulp
This will:
- Build the Jekyll site with drafts included
- Start a local server at
http://localhost:3000
- Enable live reloading when files change
- Provide a BrowserSync UI at
http://localhost:3001
If you prefer to use Jekyll directly:
jekyll serve --drafts
The site will be available at http://localhost:4000
.
_posts/
- Published blog posts_drafts/
- Draft posts (included in development)_layouts/
- HTML templates_includes/
- Reusable HTML components_sass/
- Sass stylesheetsassets/
- Images and other assets_config.yml
- Jekyll configuration
- Posts are written in Markdown
- Drafts are automatically included when running
npx gulp
- The site rebuilds automatically when files change
- BrowserSync provides live reloading across devices