Vue3 Md Blog
Minimal config Vue3 + Markdown + Bootstrap blog engine
Overview
The article discusses a minimal configuration Vue3 + Markdown blog engine that allows users to deploy a fully functional blog using Vue3 and GitHub Pages. It provides a demo and highlights the main features of the blog engine.
Features
- Integrated MarkDown editor: The blog engine includes an integrated Markdown editor for creating and editing blog posts.
- Sync posts with GitHub Actions: Users can synchronize their blog posts with GitHub Actions, allowing for easy management and version control.
- Posts compiled from Markdown to html in runtime: The engine compiles blog posts from Markdown to HTML dynamically during runtime.
- Inlined html with bootstrap classes within Markdown files: Users can use inlined HTML with Bootstrap classes within their Markdown files, allowing for greater customization and styling options.
- Support for GitHub Pages CSS and emojis: The blog engine supports GitHub Pages CSS and emojis, enhancing the visual appeal and expressive potential of blog posts.
- Dynamic META tags: The engine supports dynamic META tags, enabling users to optimize their blog posts for search engines and social media platforms.
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Bootstrap
Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.
- Blog
Blog websites feature posts written by one or more authors, organized by categories and tags, with a section for comments and archives sorted by date or topic. Additional features may include search bar, social media sharing, subscription or RSS feed, about and contact pages, and visual content.
- GitHub Pages
Gridsome is a Vue.js-based static site generator that makes it easy to build fast and flexible websites and applications by leveraging modern web technologies like GraphQL, Webpack, and hot reloading
- Prism JS
PrismJS is an open-source, lightweight, and extensible syntax highlighting library that supports a wide range of programming languages and markup formats.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
