# 简介 当前版本为 1.x 2.x 版本使用文档迁移至 这里 # 安装 $ yarn add vuepress-theme-yur 修改配置文件，启用主题 module.exports = {...toc: { includeLevel: [2, 3] }, // 指定 [[toc]] }, }; # 主题配置 /20171231/logo.png 对应 /docs/.vuepress...title: 'Yur', // 标题 subtitle: 'VuePress...主题', // 描述 link: 'https://github.com/cnguu/vuepress-theme-yur...标签，第一个为主标签 banner 封面图片链接 copyright 版权说明，默认：允许转载，需保留原文链接，著作权归博主所有 password 访问密码 # 定制主题 新建文件 /docs/.vuepress
1.项目初始化 yarn init # npm init 2.安装依赖 将 VuePress 安装为本地依赖 我们已经不再推荐全局安装 VuePress yarn add -D vuepress # npm...{ "scripts": { "docs:dev": "vuepress dev docs", "docs:build": "vuepress build docs" } } 4....安装主题 vuepress-theme-reco yarn add vuepress-theme-reco # npm install vuepress-theme-reco --save-dev ...5.创建.vuepress 文件夹并创建 config.js 配置文件 mkdir docs/.vuepress && touch docs/.vuepress/config.js 编辑 config.js...- title: 高性能 details: VuePress 为每个页面预渲染生成静态的 HTML，同时在页面被加载的时候，将作为 SPA 运行。
VuePress的SEO优化教程、指南与方法 本文阅读重点 < 1 VuePress的SEO优化教程、指南与方法 2 提交到各大搜索引擎的站长管理后台中 3 优化url 4...不少人经常提到vuepress自带强大的seo，其实与其他静态网站生成器相比，vuepress除了PWA做得好一点，SEO方面基本上也没啥优势了。...外观上与gitbook相似~ 今天，沪小羊来细说该vuepress该怎么进行SEO优化~ 本人的Vuepress站点 - 大白的故事 | https://dbdgs.cn，优化前的SEO得分: 69。...比如: 我有个文件名是 00.CSS教程和技巧收藏.md的markdown 文件， 当设置 permalink: /css-tips.html 时，发表后对应的url就会是 https://dbdgs.cn...自动推送到百度 安装vuepress-plugin-baidu-autopush插件， npm install -D vuepress-plugin-baidu-autopush 然后更新配置文件.vuepress
VuePress教程之部署到Github Action 本文阅读重点 < 1 VuePress教程之部署到Github Action 1.1 主题的选取：vdoing主题 1.2...安装vdoing主题 1.3 本地部署 1.4 使用Github Action部署 1.5 分享我的 ci.yml配置文件 最近geekzl打算尝试一下VuePress，据说如果用来做文档体验会很不错...主题的选取：vdoing主题 在网上找了一圈vuepress主题，其中vdoing主题让人眼前一亮，就它了。...# enter the project directory cd vuepress-theme-vdoing # install dependency npm install # or yarn...FOLDER: docs/.vuepress/dist # The folder the action should deploy.
VuePress 安装vuepress前，请确保你的 Node.js 版本 >= 8 全局安装 # 安装 yarn global add vuepress 或者：npm install -g vuepress...> README.md # 开始写作 vuepress dev . # 构建静态文件 vuepress build ....注意 ：vuepress dev .和vuepress build .后面的.。...在现有项目中安装 # 将 vuepress 作为一个本地依赖安装 yarn add -D vuepress 或者：npm install -D vuepress # 新建一个 docs 文件夹 mkdir...VuePress 网站必要的配置文件是 .vuepress/config.js，它应该导出一个 JavaScript 对象： module.exports = { title: 'VuePress
VuePress教程之深入理解插件API 本文阅读重点 < 1 VuePress教程之深入理解插件API 2 插件 ???...Pluggable是 VuePress 1.x 的最重大改变。 vuepress 提供给开发者许多 API 来打造他们的插件，VuePress 本身的许多功能也是依靠插件化实现的。...（这章节叫准备是因为这个 Function 在 VuePress 0.x 被命名为）vuepress devvuepress buildprepare Markdown 我猜你大概已经知道 VuePress...在配置中，VuePress 增加很多 markdown-it 插件（其中大多数是 VuePress 建立的）。 然后 VuePress 会开始执行来跟上面相同的方法配置 markdown-it。...在生成之前，如果没有 404 页面 VuePress 将会先新增它，这也代表 VuePress 也会在这执行。
VuePress教程之官方博客主题与插件简介 别名: 介绍 VuePress 官方博客主题与插件 前言 VuePress Core Team 的成员 Billy: 除了 VuePress 核心以外，我负责官方博客插件与主题的开发...想写一个主题，请先详读如何写一个 VuePress 主题....使用 @vuepress/plugin-blog 的主题 即使之前都还表明还在开发阶段，还是有些开发者已经利用这个插件开发博客主题： @vuepress/theme-blog vuepress-theme-reco...vuepress-theme-seeker vuepress-theme-modern-blog vuepress-theme-yuchanns 功能介绍 所以说，到底有什么开箱即用的功能： 自定义分类...-6-8-intro-to-vuepress-next.html 有了这个插件，你能让他变的更博客： /2018/04/04/intro-to-vuepress/ /2019/06/08/intro-to-vuepress-next
❞ 效果图 使用技术 VuePress + vuepress-theme-reco VuePress简介 VuePress文档地址 简洁至上：以 Markdown 为中心的项目结构，以最少的配置帮助你专注于写作...一、上手搭建 1.创建并进入一个新目录 mkdir vuepress-starter && cd vuepress-starter 2.使用你喜欢的包管理器进行初始化 yarn init # npm...init 3.将 VuePress 安装为本地依赖 yarn add -D vuepress # npm install -D vuepress ❝官方不推荐全局安装 VuePress ❞ 4.创建你的第一篇文档...: { "docs:dev": "vuepress dev docs", "docs:build": "vuepress build docs" } } 6.在本地启动服务器 yarn...简介 vuepress-theme-reco文档地址 ❝此主题几乎继承 VuePress 默认主题的一切功能。
# 插件 # 插件整理 vuepress-plugin-mermaidjs (opens new window) 流程图、时序图、类图、状态图 ...... vuepress-plugin-baidu-autopush...(opens new window) 百度推送 vuepress-plugin-thirdparty-search (opens new window) 第三方搜索链接 vuepress-plugin-one-click-copy...(opens new window) 代码块复制按钮 vuepress-plugin-zooming (opens new window) 放大图片 vuepress-plugin-comment...Valine方式加入评论 | Valine-Admin (opens new window) 加入邮箱通知 # 插件使用方法 加入插件包 yarn add -D vuepress-plugin-xxx...# npm install -D vuepress-plugin-xxx 使用插件包 module.exports = { plugins: [ [ 'vuepress-plugin-xxx
安装 全局安装 # 安装 yarn global add vuepress # 或者：npm install -g vuepress # 新建一个 markdown 文件 echo '# Hello...VuePress!'...> CORE 2 # 开始写作 vuepress dev . # 构建静态文件 vuepress build . 2....局部安装 如果想在一个现有项目中使用 VuePress，同时想要在该项目中管理文档，则应该将 VuePress 安装为本地依赖。...# 将 VuePress 作为一个本地依赖安装 yarn add -D vuepress # 或者：npm install -D vuepress # 新建一个 docs 文件夹 mkdir docs
VuePress 使用 安装 # 全局安装VuePress npm install -D vuepress 本地新建文件夹>vuepress vuepress/新建docs文件夹 vuepress/...新建package.json文件 vuepress/docs/新建README.md文件 ?...创建文件 在docs/README.md中添加代码 # my first vuepress 在package.json中添加代码 { "scripts": { "dev": "vuepress...dev docs", "build": "vuepress build docs" } } 在vuepress中启动命令 npm run dev 启动成功后打开看到以下页面说明vuepress...现在用github加vuepress，理论上来说，域名是永久可以访问的，这样一个在线文档或博客（根据你自己的配置喜好），并且vuepress也是基于vue的单页应用，访问速度及用户浏览反馈还是很棒的！
以下是使用 VuePress 搭建个人博客或技术文档网站的详细教程，涵盖基础搭建、配置优化和部署流程：一、环境准备Node.js确保已安装 Node.js（建议版本 ≥ 18.0，推荐 LTS 版本）。...创建项目bashmkdir vuepress-blog && cd vuepress-blognpm init -y # 生成 package.json2....安装 VuePress基础版（默认主题）：bashnpm install -D vuepress@next美化版（推荐主题 vuepress-theme-reco）：bashnpm install -D...vuepress-theme-reco@2.x3....初始化文档在 docs/README.md 中写入内容：markdown# Hello VuePress!> 这是一个简单的 VuePress 博客示例。5.
分享一个VuePress知识管理&博客 主题 官方文档：https://doc.xugaoyi.com/ github：https://github.com/xugaoyi/vuepress-theme-vdoing
# 用Vuepress重构博客 原本使用typecho作为博客系统，最近服务器快到期了，调研了一下发现vuepress还不错，所以把博客迁移到了vuepress # 前期准备 一个备案的域名 github
为了方便阅读，使用 VuePress 将之前记录的后台常用 Linux 命令博文整理成一个系统的开源在线书籍，希望能够帮到大家。...3.自动部署 通过 VuePress 将 Markdown 文件生成静态网站，为了方便手动构建，我写了一个 Shell 脚本： #!...# 脚本出错立即退出 set -e # 生成静态文件，目录为 vuepress-docs/.vuepress/dist npm run docs:build rm -rf docs mv vuepress-docs...我的工作流需要做如下几件事情： 拉取仓库 安装 Node.js，因为 VuePress 是基于 Node.js 实现的。 执行 npm install 安装 VuePress 和相关插件。...---- 参考文献 GitHub Actions Documentation GitHub Actions 入门教程- 阮一峰的网络日志 Permission denied to github-actions
安装 ❝前置条件：VuePress 需要 Node.js >= 8.6 ❞ 安装 vuepress VuePress 安装毕竟简单，可以使用以下命令直接安装： yarn add -D vuepress...# npm install -D vuepress 验证安装 为了验证VuePress 的效果，首先创建一篇文档 mkdir docs && echo '# Hello VuePress' > README.md...VuePress 目录结构 VuePress 遵循 「“约定优于配置”」 的原则，推荐的目录结构如下： . ├── blog │ ├── .vuepress (可选的) │ │ ├── components...首先在当前目录下创建 .vuepress 目录（所有 VuePress 相关的文件都放在此目录下），然后在 .vuepress 目录下创建 config.js 文件（也可以使用YAML (.vuepress...参考链接 Intro to VuePress 1.x：https://ulivz.com/2019/06/09/intro-to-vuepress-1-x/ 默认主题配置：https://vuepress.vuejs.org
下载vuepress github传送门：github.com/git-Dignity… 官网：caibaojian.com/vuepress/gu… 我先git clone官方github，运行查看完整效果...了解vuepress结构 配置文件 配置（参考链接：caibaojian.com/vuepress/co…） VuePress 站点的基本文件是 .vuepress/config.js，其中导出一个...\vuepress\docs\.vuepress\public\css\button.css,写法参考饿了么。 在....\study\vuepress\docs\.vuepress\public\css\index.css汇总 @import './iconfont.css'; @import '....nginx上的配置 vuepress里面docs\.vuepress\config.js把base配置设为 “/”（很重要） 我们把vuepress打包之后的文件放在nginx上 server
记下vuepress静态网站生成器集成element-UI框架 安装element 进入vuepress根目录，执行命令 npm install element-ui 修改 enhanceApp.js...接下来需要修改用于客户端应用增强的docs/.vuepress/enhanceApp.js文件 vuepress的目录结构如下： . ├── docs │ ├── .vuepress (可选的)
前言 vuepress原始文件是markdown文件，生成的web页面时html，如果想保存为pdf有2类方法。...版本说明： "vuepress": "^1.9.7" https://www.npmjs.com/及github上搜索的工具/插件 #1. md文件转pdf #vuepress2pdf 不能使用 https...://github.com/chbndrhnns/vuepress2pdf #vuepress-plugin-export https://github.com/ulivz/vuepress-plugin-export...#vuepress-plugin-export-pdf https://www.npmjs.com/package/@condorhero/vuepress-plugin-export-pdf 本地转换..., vuepress, mkdocs https://github.com/kohheepeace/mr-pdf 注意： 本地开发url要使用http://127.0.0.1:端口号 标题不支持中文,
VuePress 是静态站点生成框架之一，界面简介优雅，本文记录使用方法。...简介 VuePress 是尤雨溪（vue.js 框架作者）发布的一个全新的基于 vue 的静态网站生成器，实际上就是一个 vue 的 spa 应用，内置 webpack，可以用来写文档。...Analytics 集成 支持 PWA 中文官网：https://vuepress.docschina.org/ 安装 nodejs VuePress 需要安装 Node.js，且版本要求 >= 8。...vuepress 在 nodejs 平台下安装 vuepress npm install -g vuepress # 或 yarn global add vuepress 使用方法 创建框架 以 Cellink...在 docs 中创建 .vuepress 文件夹，在.vuepress中创建 public 文件夹和 config.js 文件，最终项目结构如下所示： VueDemo ├─── docs │ ├─
云服务器
ICP备案
对象存储
实时音视频
云直播
