<p align="center"> <br> <img width="400" src="./logo.png" alt="logo of vue-awesome repository"> <br> <br> </p>

Awesome VuePress V1

A curated list of awesome things related to VuePress V1

• Resources
  • Official Resources
  • External Resources
  • Tutorials
  • Official Examples
  • Examples
  • Blog Posts
• Gallery
• Plugins
  • Official Plugins
  • Community Plugins
• Utilities
• Themes
  • Official Themes
  • Community Themes
• Projects Using VuePress@v1
  • Official Projects
  • Blogging
  • Open Source
  • Enterprise Usage
• License

Resources

Official Resources

• Docs - Official Guide
• Docs - Config Reference
• Docs - GitHub Repo
• Docs - Release Notes
• Medium - Intro to VuePress 1.x

External Resources

• Working with Ghost and VuePress

Tutorials

• 20180518 VueNYC - Introduction to VuePress - Evan You
• 20190107 Twitch Session: Trying to Write a VuePress Plugin
• 20190320 Create a Blog with VuePress on GitLab Pages
• 20190625 Secure GitLab Pages with Let's Encrypt Certificate
• 20200331 Create a multi-language marketing site with VuePress and TailwindCSS

Official Examples

• 70-lines-of-vuepress-blog-theme

Examples

• davidangel.net - An example of a site running VuePress on Netlify.
• vuepress-login - An example for add authorization with v-dialogs on VuePress

Blog Posts

• Using VuePress for component library documentation

Gallery

• VuePress Tools - By @z3by
• VuePress Gallery - By @80maker

Plugins

Official Plugins

Maintained by vuejs/vuepress:

• @vuepress/plugin-blog - Blog plugin
• @vuepress/plugin-active-header-links - A plugin of automatically activating sidebar links when page scrolls
• @vuepress/plugin-back-to-top - A plugin for "back to top" button
• @vuepress/plugin-google-analytics - Google analytics plugin
• @vuepress/plugin-i18n-ui - I18N UI plugin
• @vuepress/plugin-last-updated - A plugin for displaying last updated time of pages
• @vuepress/plugin-medium-zoom - medium-zoom plugin
• @vuepress/plugin-nprogress - nprogress plugin
• @vuepress/plugin-pwa - PWA plugin
• @vuepress/plugin-register-components - A plugin for registering Vue components
• @vuepress/plugin-search - Headers-based search plugin

Maintained by vuepress/vuepress-community:

• vuepress-plugin-clean-urls - :droplet: Use clean urls in VuePress
• vuepress-plugin-container - :package: Use markdown containers in VuePress
• vuepress-plugin-copyright - :clipboard: Handle copy behaviors in VuePress
• vuepress-plugin-dehydrate - :fire: Dehydrate HTML files in VuePress
• vuepress-plugin-git-log - :floppy_disk: Integrate git logs into VuePress
• vuepress-plugin-mathjax - :page_with_curl: Use TeX syntax in VuePress
• vuepress-plugin-medium-zoom - :mag: Make images zoomable in VuePress
• vuepress-plugin-migrate - :paw_prints: Migrate another website to VuePress
• vuepress-plugin-named-chunks - :name_badge: Generate named chunks in VuePress
• vuepress-plugin-nprogress - :running: Show progress bar in VuePress
• vuepress-plugin-redirect - :traffic_light: Handle redirection in VuePress
• vuepress-plugin-serve - :key: Serve generated files in VuePress
• vuepress-plugin-smooth-scroll - :roller_coaster: Make scrolling smooth in VuePress
• vuepress-plugin-table-of-contents - :bookmark: Provides table-of-contents component in VuePress
• vuepress-plugin-typescript - :palm_tree: Support TypeScript in VuePress
• vuepress-plugin-zooming - :mag: Make images zoomable in VuePress

Community Plugins

Audio

• vuepress-plugin-text-to-speech - A Vuepress plugin that reads aloud the text content on the page
• vuepress-plugin-awesome-musicplayer - 🎧 A awesome plugin for musicplayer to VuePress.
• vuepress-plugin-immersive-music-player - 🌟An gorgeous, immersive and personalized vuepress 🎵music plugin.
• vuepress-plugin-music-bar - :musical_score: :musical_note: A beautiful VuePress music-bar plugin :notes:

Comments

• vuepress-plugin-disqus - Register a global Disqus component to add to your layouts
• @vssue/vuepress-plugin-vssue - enable comments for your vuepress sites
• vuepress-plugin-gitalk-maker - modern comment component, base on Gitalk preview
• vuepress-plugin-feedback-panel - A way to collect feedback from your users with a configurable widget
• vuepress-plugin-mygitalk - 😇 VuePress 集成 Gitalk. | Gitalk plugin for VuePress.

SEO

• vuepress-plugin-sitemap - Sitemap generator plugin for vuepress.
• vuepress-plugin-seo - 🔌 Generate SEO friendly meta header for every page
• vuepress-plugin-autometa - Auto meta tags plugin for VuePress
• vuepress-plugin-baidu-autopush - Inject Baidu url-auto-push script to optimize your site for Baidu SEO.
• spekulatius/vuepress-plugin-web-monetization - Adds the web-monetization metatag to your VuePress site. Works both on page-by-page levels as well as global.
• vuepress-plugin-tags - tags plugin: Use the tags in the "front matter" provided by the built-in search to generate a tag list under the main title

Element UI

• vuepress-plugin-element-tabs - markdown custom container to display content in tabs from Element UI
• vuepress-plugin-element-ui - ✨ extend elementui base on markdown-it-container

Search bar

• vuepress-plugin-meilisearch - Integrate a relevant an powerful search bar using MeiliSearch!

Progress bar

• vuepress-plugin-reading-time reading-time plugin to display how long a page takes to read
• vuepress-plugin-reading-progress - A reading progress bar plugin for vuepress

Code-block enhancement

• vuepress-plugin-code-switcher - Have code blocks available in multiple languages that you can switch between
• vuepress-plugin-code-copy - automatically add copy buttons to all code blocks
• @xiaopanda/vuepress-plugin-code-copy - A VuePress plugin that copies code blocks with one click.

Social sharing

• vuepress-plugin-social-share - A VuePress plugin which provides social sharing services

Analytics

• vuepress-plugin-minimal-analytics - Minimal Google Analytics plugin for VuePress
• vuepress-plugin-smartlook - A vuepress plugin integrate Smartlook recording & analytics
• vuepress-plugin-plausible-analytics - Add Plausible analytics to the VuePress site
• vuepress-plugin-baidu-tongji-analytics - Baidu tongji analytics plugin
• vuepress-plugin-ackee - Adds the Ackuee tracking code to VuePress (privacy-friendly)
• spekulatius/vuepress-plugin-umami - allows to use privacy-friendly Umami Analytics instead of e.g. Google Analytics.
• vuepress-plugin-goatcounter - Easy web analytics. No tracking of personal data

Styling

• @kawarimidoll/vuepress-plugin-tailwind - A VuePress plugin to use tailwindcss and postcss-purgecss easily

Navigation

• vuepress-plugin-autonav - Auto nav links plugin for VuePress
• vuepress-plugin-global-toc - An alternative table of contents that covers the entire vuepress website
• vuepress-plugin-auto-sidebar - A vuepress plugin to automatically generate sidebars
• vuepress-plugin-right-anchor - Add anchor navigation bar to the right of the document page written in vuepress
• vuepress-plugin-toolbar - Sidebar display custom toolbar plugin
• vuepress-plugin-gotop-plus - ☝️ VuePress 回到页首插件 Plus. | back-to-top plus plugin for VuePress.
• vuepress-plugin-child-toc - A table of contents that displayed all child pages.
• vuepress-plugin-last-reading - A vuepress plugin to record the last reading.

Subscription

• vuepress-plugin-feed - RSS, Atom, and JSON feeds generator plugin for VuePress
• vuepress-plugin-mailchimp - Simplifies subscribing new email addresses to a Mailchimp email list.

Export between formats

• vuepress-plugin-yuque - Input: Yuque Repo, Output: VuePress Site!
• vuepress-plugin-export - Export your VuePress site to a PDF file
• vuepress-plugin-permalink-pinyin - A VuePress plugin which convert Chinese title to transliterate permalink

Generating content

• vuepress-plugin-schema2md - A VuePress plugin to help you generate pages via JSON Schema (HMR ✅)
• vuepress-plugin-docgen - auto docs generation for your components
• vuepress-plugin-component-docgen - Generate documentation for Vue component
• vuepress-plugin-vuese-docs - Automatic generation of component documentation via code comments and demo examples

Handling URLs

• vuepress-plugin-check-md - Check dead links of markdown.
• vuepress-plugin-qrcode - Display the current URL QR code for mobile devices to scan.
• vuepress-plugin-auto-crosslinker - Automatically cross-links pages at first text appearance, wiki style

Charts

• vuepress-plugin-flowchart - Rapid flowchart development plugin for VuePress
• vuepress-plugin-catalog-graph A network graph for your VuePress' documentation
• vuepress-plugin-roughviz - A plugin for adding roughViz.js to VuePress.
• vuepress-plugin-chart - A plugin for adding Chart.js to VuePress.
• vuepress-plugin-markmap - A plugin for adding markmap to VuePress.
• vuepress-plugin-helper-live2d - 😎 VuePress 集成 Live2D 看板娘. | Live2D plugin for VuePress.

Code sandbox

• vuepress-plugin-demo-code - Display your demo and code at the same time with one source code.
• vuepress-plugin-vue-example - A VuePress plugin to display Vue components' live examples and source code inside documentation.
• vuepress-plugin-demoblock-plus - A VuePress 2.x plugin that helps you add Vue examples when you document
• vuepress-plugin-demo-container - A VuePress plugin for demo block like elementui.
• vuepress-plugin-vue-demo - Write vue demo in markdown like elementui documents

Markdown

• @silvanite/vuepress-plugin-markdown-classes - Add unique class names to markdown generated html.
• vuepress-plugin-pangu - A VuePress plugin which automatically inserts whitespace between CJK and half-width characters in markdown files for better readability

Code variables

• vuepress-plugin-markdown-define - A Vuepress plugin for define variables in markdown file

Page management

• vuepress-plugin-alias - handling page aliases in VuePress

SVG

• @goy/vuepress-plugin-svg-icons - A VuePress plugin for managing svg icons based on svg sprite icon.

Images

• vuepress-plugin-img-lazy - A vuepress plugin to better supporting image lazy loading

Knowledge base

• vuepress-plugin-glossary - :book: 📚 Glossary implementation helping to establish a ubiquitous language within the project

Miscellaneous

• vuepress-plugin-graysite - Plug-ins that gray your site for VuePress.(Generally used for Mourning Day)
• vuepress-plugin-tabs - A VuePress plugin which renders custom markdown containers as tabs
• vuepress-plugin-blog-multidir - A VuePress blog plugin which Support multiple folders
• vuepress-plugin-merge-pages - Merge markdown files in a single markdown
• vuepress-plugin-authors - :writing_hand: Get all the authors of a md file in the $page object
• vuepress-plugin-redirect-frontmatter - 🎉VuePress plugin to handle redirection via frontmatter
• vuepress-plugin-lastest-version - Get lastest version of artifact for your vuepress doc.
• vuepress-commander - vuepress-commander makes it easier to create and deploy posts in the vuepress using cli.
• @adamdehaven/vuepress-plugin-custom-tooltip - A customizable, reactive, and reusable tooltip component for VuePress that supports multiple use-cases, plugin options & props.
• vuepress-plugin-boxx - 📕 Automatically add celebrity quotes to blog posts, with customizable styles and content. - 引入名人名言并支持自定义 Demo
• vuepress-plugin-facebook-pixel - A VuePress plugin to use Facebook Pixel

Utilities

• vuepress-bar - VuePress sidebar and navbar generator based on file and directory structure.
• vuepress-auto-navbar - automatically generate your navbars

Themes

Official Themes

• @vuepress/theme-default
• @vuepress/theme-blog

Community Themes

• vuepress-theme-vt - 🖼️ An Elegant VuePress Theme, inspired by @vue/theme.
• vuepress-theme-antdocs - 🔥🎨 An Ant Design style theme for VuePress.
• vuepress-theme-reco - 💥 A simple and beautiful vuepress blog theme
• vuepress-theme-thindark - A dark theme for VuePress.
• vuepress-theme-egoist - A blog theme for @EGOIST and a mirror of egoist/blog, but powered by VuePress.
• vuepress-theme-yubisaki - ✨ A blog theme for vuepress
• vuepress-theme-meteorlxy - 💖 VuePress Blog Theme - Meteorlxy
• vuepress-theme-macgs - :dizzy: A vuepress theme for easyhexo.com
• vuepress-theme-simple - ✏️ Very Simple Blog Theme for VuePress
• vuepress-theme-melody - A simple & beautiful blog theme for vuepress. https://molunerfinn.com/hexo-theme-melody-doc/
• vuepress-theme-api - :package::memo::art: A api-friendly theme for VuePress. https://blog.sqrtthree.com/vuepress-theme-api/
• vuepress-theme-ktquez - A blog theme for VuePress by Ktquez :metal: - https://ktquez-play.web.app/en/
• vuepress-theme-ououe - A blog theme for VuePress preview
• vuepress-theme-yuicer - A vuepress blog theme for otaku - https://blog.yuicer.com/
• vuepress-theme-craftdocs - A technical documentation / API reference theme for VuePress. https://docs.craftcms.com/
• vuepress-theme-resume - 🐈 Write and generate a markdown resume by VuePress.
• vuepress-theme-default-prefers-color-scheme - add dark theme for vuepress default theme, base on prefers-color-scheme preview
• vuepress-theme-yur - :revolving_hearts: A minimalistic but not simple blog theme by cnguu - Preview
• vuepress-theme-modern-blog - 💖 VuePress Blog Modern Theme Demo
• vuepress-theme-yuu - A VuePress theme that supports a dark theme, multiple color themes, and other useful features.
• vuepress-theme-seeker - 🌈 A colorful and simple blog theme - https://iwenson.com
• vuepress-theme-onen - 🎈 A vuepress theme for oneN - Preview
• vuepress-theme-typewriter - Blog theme focusing on Korean Typography. - Preview
• vuepress-theme-britecore - 🤩VuePress documentation theme using BriteCore design system. Demo
• vuepress-theme-terminal - 💻 A portfolio theme modeled as a terminal - Preview
• vuepress-theme-ting - :frog: :cactus: 小清新风格-A simple and fresh style of vuepress theme. Demo
• vuepress-theme-succinct - VuePress theme with support for custom fonts, and light and dark themes. Demo
• vuepress-theme-medium - 🥁A medium-like vuepress blog theme DEMO
• vuepress-theme-vuetify - 🥰VuePress documentation theme using Vuetify and google material design DEMO
• vuepress-theme-blog-vuetify - 💥The world's most simple, beautiful and customizable 2 columns VuePress blog theme built with Vuetify Demo
• vuepress-theme-note - A vuepress theme for notes vuepress-theme-note
• vuepress-theme-vdoing - 🚀A simple and efficient VuePress knowledge management & blog theme. 知识管理&博客 主题。 Demo
• vuepress-theme-carbon - VuePress default theme with support for Carbon Ads.
• vuepress-theme-material-free - Blog theme inspired in Google Material Design - Preview
• vuepress-theme-hope - A light vuepress blog / doc theme with lots of enhance modes Doc DEMO | Blog DEMO
• vuepress-theme-solarized - Solarized Dark and Light themes for your VuePress docs Demo
• vuepress-theme-book - 📘 A VuePress theme inspired by GitBook Demo
• vuepress-theme-ic :tada::tada::tada: A note-style vuepress blog theme with simple, clear and practical features for the purpose. The palest ink is better than the best memory. DEMO
• vuepress-theme-mustom - Simple design theme for VuePress - PREVIEW
• @qcyblm/vuepress-theme-vpx - A theme developed based on VuePress
• vuepress-theme-yilia-plus - 🔥🔥🔥 一款简洁优雅的 VuePress 主题 A simple and elegant theme for VuePress. Blog Preview
• vuepress-theme-maker - 🐉 A flat and clean Blog Theme for VuePress site. Preview
• vuepress-theme-gungnir - A blog theme for VuePress. [Docs] [Demo] [Another Demo]
• vuepress-theme-mini - 🎨 A minimal blogging theme of VuePress. Preview
• vuepress-theme-aurora - 🔥🎨 Simple, beautiful, providing automatic generation of article sidebar catalogs, article poster sharing, conversation, photo albums, comments, etc. Preview

Projects Using VuePress@v1

Official Projects

• vue-cli
• vuex
• vue-server-renderer
• vue-router
• vue-test-utils
• vue-loader
• vetur
• rollup-plugin-vue
• events

Blogging

Blog websites that use VuePress@v1.

• ULIVZ
• thuycom.studio (VuePress × Netlify)
• Nobi.dev (VuePress with AMP)
• Howar31 Blog (VuePress with GitLab Pages)
• meteorlxy
• 维维博客
• cnguu's blog
• Ahmad Mostafa
• znote (VuePress with GitHub Pages)
• ariona.net (VuePress × Netlify) – Open Sourced
• ChungZH's blog (VuePress theme-blog with Netlify)
• mrsessions blog (VuePress with Azure Static Web Apps)
• wxsm's space
• NyanDev Blog (VuePress x GitHub Pages x Cloudflare)
• dt.in.th (VuePress × Netlify) - Open Sourced
• Reflections (VuePress with GitHub Pages)
• 1980's Maker
• qsyyke' blog
• DaoDaoLee' blog
• buxianshan's blog

Open Source

Documentation websites that use VuePress@v1.

• CodeceptJS - CodeceptJS ‐ supercharged End 2 End Testing
• discordjs.guide - The official guide for discord.js, created and maintained by core members of its community.
• vue-i18n - Vue I18n is internationalization plugin for Vue.js
• vuesax - New Framework Components for Vue.js 2
• cr-vue - 基礎から学ぶ Vue.js サポートページ
• vuemeetups - A place to centralize all Vue.js community efforts
• umi - 🌋 Pluggable enterprise-level react application framework.
• dva - 🌱 React and redux based, lightweight and elm-style framework. (Inspired by elm and choo)
• macaca - Automation test solution for native, hybrid, mobile web and web application on mobile and desktop platforms.
• macaca-datahub - Just enjoy the data out-of-the-box.
• app-inspector - Mobile UI viewer in browser, view the UI in a tree view, and generate XPath automatically
• form-wrapper-js - A lightweight library that creates forms systems in a convenient and easy way, without dependencies and magic code.
• lin-cms-vue - A simple and practical CMS implemented by Vue
• openhab - an open source, technology agnostic home automation platform which runs as the center of your smart home!
• ms-design - Vue components that implement Microsoft Design Language
• archcheatsheet - Offline dual boot/no desktop environment
• zaobao - 每日时报，以前端技术体系为主要分享课题。根据：文章、工具、新闻、视频几大板块作为主要分类。
• vue-cli-plugin-apollo - @vue/cli plugin for Vue Apollo
• vue-cli-plugin-ssr - ✨ Simple SSR plugin for Vue CLI
• vue-concise-slider - vue-concise-slider,A simple vue sliding component
• vue-mapbox - Combine powers of Mapbox GL JS and Vue.js
• xstate - State machines and statecharts for the modern web
• lighthouse - Laravel GraphQL Server
• vue-glide - Vue component on top of the Glide.js
• chartjs-plugin-datalabels - Chart.js plugin to display labels on data elements
• Bocadillo - 🥙 A modern Python web framework filled with asynchronous salsa
• vue-styleguidist - Created from react styleguidist for Vue Components with a living style guide
• vue-chartjs - ⚡ Easy and beautiful charts with Chart.js and Vue.js
• shadow - Gradle Shadow Plugin
• Craft CMS - Craft is a flexible, user-friendly CMS for creating custom digital experiences on the web and beyond.
• open-wc - Open Web Component Recommendations
• pywebview - Build GUI for your Python program with JavaScript, HTML, and CSS
• nuxt-beginners-guide - Japan's first book that corresponds to Nuxt.js v2 and focuses on deep content.
• vue-a11y-utils - Utilities for accessibility (a11y) in Vue.js
• statusfy - A marvelous open source Status Page system
• autogit - Define commands, using plugins, to execute across all your repositories.
• mpvue-weui - 基于 mpvue 的 weui 框架
• open-autonomous-safety - Open Autonomous Safety
• twill - Twill is an open source CMS toolkit for Laravel that helps developers rapidly create a custom admin console that is intuitive, powerful and flexible.
• pandora - A Manageable, Measurable and Traceable Node.js Application Manager
• css_tricks - Some CSS tricks
• markwon - Android markdown library (no WebView)
• vue-infinite-loading - An infinite scroll plugin for Vue.js.
• typescript-book-chinese - TypeScript Deep Dive 中文版
• vue-patterns - Useful Vue patterns, techniques, tips and tricks and helpful curated links.
• v8n - ☑️ JavaScript fluent validation library
• PicGo-Core - A tool for picture uploading. Both CLI & api supports.
• EasyHexo - 🤘 Build your own website with Hexo, the easy way. | 轻松使用 Hexo 建站。
• d2-daily - D2 日报。
• SorryPress - VuePress version of xtyxtyx/sorry
• vue-showdown - Use showdown.js in Vue
• vssue - :mailbox: A Vue-powered Issue-based Comment Plugin
• codemirror-colorpicker - Colorpicker manual site
• mtgjson - An open‐source project that catalogues all Magic: The Gathering cards in a portable format.
• Leon - 🧠 Your open-source personal assistant.
• VuePress Theme Cool Starter
• vuesion - The most complete boilerplate for production-ready PWAs. With focus on performance, development speed, and best practices
• blessing-skin-plugin-docs - Blessing Skin Server 插件开发文档
• Mevn-CLI - Light Speed setup for MEVN stack based apps.
• teachcode - A tool to develop and improve a student’s programming skills by introducing the earliest lessons of coding.
• Docker 绿皮书 - Help beginners get started quickly with docker, and show docker's power through a few simple small examples.
• idea 快捷键速查文档 - Help IntelliJ IDEA users write code without mouse. And also supply Chinese translation of official keymap PDF(Mac/Win/Linux), it's available on webpage!
• SiteWhere Documentation - SiteWhere is the open platform for the Internet of Things. Source.
• Pomerium - Pomerium is the open-source identity-aware access proxy.
• Wasabi Wallet – An archive of knowledge about the open-source, non-custodial and privacy-focused Bitcoin wallet for desktop.
• kriry 开发者网络 - kriry 开发者网络 (kriry developer net).
• GROWI Docs - Open Source Markdown x Wiki. Real-time preview on left and right screens is possible.
• Java 全栈知识体系 - Java 全栈知识体系 (Java full stack knowledge system).
• MeiliSearch - Open Source instant search engine
• DBKangaroo - Database admin and management tool for popular DBMS
• LLStack - 轻量、高性能的 (Open)LiteSpeed+PHP+MySQL 运行环境
• SuperAgent 中文文档 - SuperAgent 中文文档
• Remote Work Encyclopedia
• Open Source guide to remote work
• VuePress.tools - A VuePress Awesome tools list.
• Azure 中文精选 - Microsoft Azure developer content localization resources.
• PBST Handbook - Open Source
• PET Handbook - Open Source
• TMS Handbook - Open Source
• PB Website - Open Source
• VuePress Homepage - Elegant and friendly homepage (bio, tech portfolio, resume, doc) template
• soonspacejs - Simple and easy to learn webgl plug-in through threejs.
• @nuxtjs/firebase Docs - Documentation for the Firebase module for Nuxt.
• Firewings Docs - Documentation for the Firewings module for Vue.
• The Wise Opportunist - Learn how to exploit the system to your own interest
• BTCPay Server - BTCPay Server is an open-source, self-hosted payment processor for Bitcoin and other cryptocurrencies.
• PHPScraper - Scraper library for PHP using VuePress for its documentation.
• 試毅-思伟_技术笔记 – 🎉🎉🎉 VuePress 记录技术开发笔记
• MyBatis-Plus - An powerful enhanced toolkit of MyBatis for simplify development.
• VIZ Docs - VIZ blockchain documentation.
• vue-grid-layout - Documentation for vue-grid-layout, a grid layout system for Vue.js
• uiv - Bootstrap 3 Components implemented by Vue 2.
• line-bot-sdk-nodejs - LINE Messaging API SDK for nodejs
• Two.js - A renderer agnostic two-dimensional drawing api for the web.
• Typesense - An open source search alternative to Algolia.
• Bricks - A modular WordPress starter theme powered by Bootstrap and Gulp (Open Source)
• Pinguino Project - An Open Hardware / Open Source electronics prototyping platform, as Arduino but for Microchip PIC.

Enterprise Usage

• Alibaba
• Ant Financial
• Tencent
• BriteCore

License

To the extent possible under law, ULIVZ has waived all copyright and related or neighboring rights to this work.