Back to templates

Template details

The B/og

A personal blog and project website built with Jekyll and Sass.

About this template

The B/og is a personal blog and project website built with Jekyll and Sass, created as the owner's home on the web for writing and project showcases. It is a static site generated from Markdown content, with styles written in the Sass preprocessor language.

What is The B/og?

The B/og is a personal blog and project website developed with Jekyll, the Ruby-based static site generator, and styled using Sass (SCSS). The site takes content written in Markdown and transforms it into a static HTML website during the build process. The public repository describes it simply as "My website" and has gathered 7 stars on GitHub. Being a personal site, it is designed for individual use rather than for teams or organizations.

Key Features

  • Jekyll-based architecture — Relies on Jekyll to convert Markdown files into a complete static website, which can be hosted on any static file server.
  • Sass/SCSS styling — Stylesheets are authored in Sass, offering features like variables, nesting, and partials that compile to standard CSS.
  • Blog-ready content model — Uses Jekyll's built-in blogging features, including post front matter for dates, titles, categories, and tags.
  • Project presentation — The site is intended to showcase the owner's projects, making it suitable for a developer portfolio.

Who is it for?

The B/og is aimed at software developers, writers, or designers who want a personal website that combines a blog with a project portfolio. It's particularly suited for those who are comfortable with or want to learn Jekyll and Sass, as the site's customization happens through these technologies. Because it's a personal site, it works best for individuals rather than businesses or multi-author publications.

What can you do with The B/og?

  • Blog about your work — Publish technical articles, tutorials, or personal essays using Markdown and Jekyll's post management.
  • Showcase your project portfolio — Present your open-source projects, documentation, or case studies on the same website.
  • Customize the look and feel — Modify the Sass files to define your own color scheme, typography, and layout.
  • Deploy to static hosting — The output is static HTML/CSS, so it can be deployed to GitHub Pages, Netlify, or any other static host.

How does The B/og work?

The site runs through Jekyll's standard build process: Jekyll reads the source directory, processes Markdown content and layouts, compiles Sass to CSS, and outputs a static website. Content authors write posts as Markdown files with YAML front matter, and the build generates date-based URLs for blog posts. No custom workflow or unique build steps are documented for this specific template.