Vue Templates Logo Vue Templates
Nuxt Blog Starter screenshot

Nuxt Blog Starter

Author Avatar Theme by Connorrothschild
Updated: 23 Apr 2021
18 Stars

A simple, content-focused, minimal blog site built using NuxtJS and Bulma.

Github Live Preview

Categories

Nuxt Scss Blog

Overview

The Nuxt Blog Starter is a simple and minimal blog site built using NuxtJS and Bulma. It is designed to be content-focused and easy to set up. The theme comes with various features such as easy theming, dark mode/light mode, image optimization, meta tags/SEO, and more. It also includes custom components like info boxes, better images, and responsive videos.

Features

  • Creating blog posts: Easily create new blog posts by copying an existing Markdown file and modifying the content.
  • Adding images: Add images to your blog posts by placing them in the appropriate folder and using the <InlineImage> component.
  • Blog features: The theme supports syntax highlighting, images, HTML, and Vue components for a rich blogging experience.
  • Info boxes: Use the custom InfoBox component to add notes, warnings, or messages in your blog posts.
  • Better images: The InlineImage component optimizes and handles the messy parts of using images, and allows for fullscreen gallery views.
  • Videos: The ResponsiveVideo component makes it easy to embed and display responsive videos from platforms like YouTube.
  • Easy theming: Modify the Sass variables in the colors.scss file to change the appearance of your site’s background, text, and accent colors.
  • Dark mode/light mode: Toggle between dark mode and light mode by uncommenting the appropriate lines in the colors.scss file.

Installation

To get started with the Nuxt Blog Starter, follow these steps:

  1. Clone the repository.
  2. Change all instances of “Connor” to your own name and customize other content as needed.
  3. Create blog posts by copying existing Markdown files and modifying the content.
  4. Add images to your blog posts by placing them in the appropriate folder and using the <InlineImage> component.
  5. Customize the theme’s appearance by modifying the Sass variables in the colors.scss file.
  6. Toggle between dark mode and light mode by uncommenting the corresponding lines in the colors.scss file.

Summary

The Nuxt Blog Starter is a minimal and content-focused blog site built using NuxtJS and Bulma. It offers various features like easy blog post creation, image support, custom components, theming options, and more. With its simplicity and flexibility, it provides a great starting point for building your own blog site.