Vue Templates Logo Vue Templates
Elucidator Blog Starter screenshot

Elucidator Blog Starter

Author Avatar Theme by Elucidator project
Updated: 2 Mar 2022
34 Stars

Opinionated Vue 3 + Vite + Typescript minimal blog starter

Github Live Preview

Categories

Vite Scss Blog

Overview

Elucidator blog starter is a blog template built with Vuejs 3, Vite, and Typescript. It offers a fast and efficient way to create your own personal blog. The template is highly customizable and allows you to easily create your own design using WindiCSS. It also includes several features such as Vue Composition API, document head management, a file system based route generator, code syntax highlighter, comment system using Vue Disqus, and support for dark mode.

Features

  • Utilities Vue Composition API using Vueuse
  • Document head manager for Vue 3 using Vueuse head
  • Next generation utility first CSS framework using WindiCSS
  • Style with SCSS
  • File system based route generator using Vite Plugin Pages
  • Auto importing component using Unplugin Vue Components
  • Markdown with Vue for Vite using Vite Plugin Md
  • Access thousands icons as Vue component in Vite using Unplugin Icons
  • Progress bar like YouTube, GitHub, etc. using Nprogress
  • Code syntax highlighter using Prismjs
  • Comment system using Vue Disqus
  • Share your article using Vue Social Sharing
  • Auto importing several packages using Unplugin Auto Import
  • TypeScript support
  • Dark mode support

Installation

Development:

  1. Install pnpm as the package manager:
npm install -g pnpm
  1. Clone the repository:
git clone <repository-url>
  1. Install dependencies:
pnpm install
  1. Run the development server:
pnpm dev

Build:

  1. Build the project:
pnpm build
  1. The generated files will be located in the dist folder.

Summary Elucidator blog starter is a feature-rich blog template built with Vuejs 3, Vite, and Typescript. It offers a fast and efficient way to create your own personal blog with customizable design options. It includes several useful features such as a utility-first CSS framework, file system based route generator, code syntax highlighter, and comment and social sharing functionality. The template also supports TypeScript and dark mode. Installation is straightforward and can be done using the provided package manager commands. Overall, Elucidator blog starter is a versatile and powerful tool for creating and managing your own blog.