VuePress plugins All In One】的更多相关文章

VuePress plugins All In One VuePress & element-ui & docs $ yarn add -D vuepress-plugin-demo-code module.exports = { plugins: ['demo-code'], }; module.exports = { plugins: [ ['demo-code', { jsLibs: [ // umd 'https://unpkg.com/tua-storage/dist/TuaSt…
VuePress 最新教程 https://vuepress.vuejs.org/ https://github.com/vuejs/vuepress VuePress plugins 插件通常会为 VuePress 添加全局功能. https://v1.vuepress.vuejs.org/zh/plugin/#样例 https://github.com/vuepressjs/awesome-vuepress#plugins 整个插件系统的架构 refs xgqfrms 2012-2020 w…
前言 因为自己平时经常写博客,也有博客网站,所以 Leader 叫我做一个 CMS 的帮助中心的技术选型,CMS 的帮助中心的功能:是通过文章来教用户如何使用我们的项目. 所以笔者要做一个静态网站的技术选型,笔者把网上流行的 VuePress 和 GitBook 两种方式都尝试了一下,并做了对比,这里写篇文章总结一下,顺便把自己的博客网站重作一便,哈哈. 1. VuePress 1.1 简介 VuePress 是 Vue 驱动的静态网站生成器. 简洁至上 以 Markdown 为中心的项目结构,…
目录 最终效果 思路 总体 过程 用到的东西 相关 创建Github仓库 创建Github仓库 SSH密钥链接Github 生成SSH密钥 Github添加SSH密钥 测试SSH密钥 配置VuePress 安装VuePress 安装yarn Debian / Ubuntu Windows 更换国内的源 安装VuePress VuePress目录结构 配置依赖和脚本 配置package.json 页面的设置 首页 文档属性 markdown扩展 默认主题设置 导航栏 侧边栏 Git仓库 其他 插件…
vuepress博客主题-vuepress-theme-reco是一款简洁而优雅的 vuepress博客&文档主题.它既可以成为简洁而又不失美观的主题,又可以书写你的项目文档,看起来更有逼格. 主题官方介绍: 这是一个vuepress主题,旨在添加博客所需的分类.TAB墙.分页.评论等能: 主题追求极简,根据 vuepress 的默认主题修改而成,官方的主题配置仍然适用: 效果:午后南杂 文档:vuepress-theme-reco-doc 如果没有接触过VuePress,这里有一篇指北: 如何…
项目结构 ├─docs │ ├─.vuepress --vuepress相关文件路径 (主要配置) │ │ ├─dist --build 打包生成路径 (自定义) │ │ ├─nav --导航条配置 (自定义) │ │ │ └─ zh.js --自定义导航条配置 │ │ ├─plugins --插件配置 (自定义) │ │ │ └─ pluginsConf.js --自定义插件配置 │ │ ├─sidebar --侧边栏配置 (自定义) │ │ │ └─ menu.js --自定义侧边栏配置 │…
VuePress config All In One docs/.vuepress/config.js const { title, description, } = require('../../package') module.exports = { // https://v1.vuepress.vuejs.org/config/#title // title: " ", title, // title: title, // https://v1.vuepress.vuejs.or…
背景 有时候,我们也希望VuePress构建的文档中心能支持离线访问,这时候我们需要给他添加渐进式Web应用(PWA,Progressive Web App)的支持,根据官方文档指引,我们可以借助插件vuepress/plugin-pwa来添加PWA的支持. PWA(Progressive Web Apps,渐进式 Web 应用)运用现代的 Web API 以及传统的渐进式增强策略来创建跨平台 Web 应用程序.这些应用无处不在.功能丰富,使其具有与原生应用相同的用户体验优势. 安装 npm i…
背景 有时候,我们有些内部网站希望不被外部抓取,那么我们可以借助vuepress-plugin-robots来生成robots.txt文件,来告诉爬虫不要抓取页面. 安装 npm install vuepress-plugin-robots 项目地址:https://github.com/HiYue/vuepress-plugin-robots 配置 准备一个sitemap.xml文件,位置随意,路径和下文对应上就行. <xml version="1.0" encoding=&q…
首先配置.vuepress中的config.js module.exports = { title:"用户手册", description: '用户手册', evergreen: true, plugins: [ ['@vuepress/search', { search: true, searchMaxSuggestions: 10 }] ], themeConfig: { logo: '/assets/img/logo.png', displayAllHeaders: true,…