Logspot
Logspot is a lightweight, free and open source template for your changelog made with Vue, Nuxt and Tailwindcss.
How it works?
Each .md file in /content/posts/ counts as one changelog post, logspot uses the nuxt content module
Features
- Markdown support
- Icons support using Iconify
- Code syntax highlighting using Shiki.js
- Frontmatter - dates, author supported
- Vue components inside markdown using Nuxt contents MDC format - More on this here
- Icons support -
:icon{name="ph:user-circle-duotone"}will show a user icon - Alert component with icon, title and description.
Format
::alert
---
icon: fluent:error-circle-24-regular
title: This is alert with default variant colors.
description: This will pick up colors from your primary color set in the tailwind config file. You can use this to show some kind of message to your users.
---
::
This above content will render a alert component, something like this
Widget page, Logspot also has a page specifically meant for widgets
Setup Locally
Make sure to install the dependencies:
# yarn
yarn install
# npm
npm install
# pnpm
pnpm install --shamefully-hoist
Development Server
Start the development server on http://localhost:3000
npm run dev
Production
Build the application for production:
npm run build
Locally preview production build:
npm run preview
Checkout the deployment documentation for more information.
