vuepress入门详解
帮助大家快速掌握vuepress的用法,并且能快速搭建自己的个人网站、博客
牛魔王sq
这个作者很懒,什么都没留下…
展开
-
vuepress入门详解(七)vuepress如何添加评论功能
vuepress如何添加评论功能 选择评论插件vssue 由于你的页面是“静态”的,你没有数据库和后端 API 的支持。但是你希望让你的页面拥有评论功能,让用户可以登录和发表评论。 代码托管平台(如 Github、Gitlab、Bitbucket、Coding 等平台,示例选择了github)提供了 OAuth API , 在它们的帮助下,Vssue 可以让用户通过这些平台的帐号登录,将评论存储在这些平台的 Issue 系统中,并在当前页面展示。 安装 npm install @vssue/vuepress原创 2020-05-28 15:34:24 · 2514 阅读 · 0 评论 -
vuepress入门详解(六)vuepress 实用插件
vuepress 实用插件 这些插件都是官方提供的,有些在我们实用默认主题的时候已经安装了,不需要再单独安装,有些插件需要我们单独安装。具体请看下面的介绍 默认主题自带的插件 @vuepress/plugin-active-header-links @vuepress/plugin-nprogress @vuepress/plugin-search vuepress-plugin-container vuepress-plugin-smooth-scroll @vuepress/plugin-last-u原创 2020-05-28 15:32:02 · 8027 阅读 · 3 评论 -
vuepress入门详解(五)vuepress Markdown详解
Markdown详解 Markdown 是一种轻量级标记语言,创始人为约翰·格鲁伯(John Gruber)和亚伦·斯沃茨(Aaron Swartz)。它允许人们“使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档” ::: danger 本文的markdown语法都是适用于vuepress的,其它工具没有试过,应该大部分都可以适用。 这个博客所有文章都是通过markdown写的。 看十遍不如动手做一遍,大家可以把内容复制到自己的文档里面看下效果 ::: 常用语法 [[toc]原创 2020-05-25 17:24:26 · 4984 阅读 · 3 评论 -
vuepress入门详解(一)vuepress介绍
vuepress入门详解 什么是vuepress Vue 作者尤雨溪于 2018 年 4 月 13 日推出基于 Vue、围绕 markdown 生成静态页面的 VuePress 框架。 使用vuepress需要什么基础 0基础也可以使用,就把vuepress当作一个专门写文档并且保存文档的工具,把它当成一本厚厚的书,使用markdown语法写自己的内容,不用担心不会markdown,他不是什么高深的语法, 只是写作格式的一个要求,遵守这个要求我们就能写出一个好看的文档出来。当然你不用任何markdown语原创 2020-05-21 18:06:43 · 3892 阅读 · 0 评论 -
vuepress入门详解(二)vuepress 快速搭建
vuepress 快速搭建 快速搭建的目的是让我们直观的感受下vuepress界面。先不要纠结每个文件和配置的意思,先快速感受一下。 ::: warning 注意 请确保你的 Node.js 版本 >= 8 ::: 安装nodejs 如何安装nodejs,请参考nodejs安装 安装vuepress 可以全局安装,也可以本地安装。全局安装的好处是电脑只用安装一次,所有的vuepress工程都能用。实际使用中,有些插件必须本地安装了才生效 # 安装 yarn global add vuepress #原创 2020-05-25 14:03:13 · 1153 阅读 · 0 评论 -
vuepress入门详解(三) vuepress 目录结构
vuepress 目录结构 VuePress 遵循 “约定优于配置” 的原则,推荐的目录结构如下: . ├── docs │ ├── .vuepress (可选的) │ │ ├── components (可选的) │ │ ├── theme (可选的) │ │ │ └── Layout.vue │ │ ├── public (可选的) │ │ ├── styles (可选的) │ │ │ ├── index.styl │ │ │ └─原创 2020-05-25 14:05:15 · 4930 阅读 · 0 评论 -
vuepress入门详解(四)vuepress 基本配置
vuepress 基本配置 ::: tip 本页所列的选项仅对默认主题生效。如果你在使用一个自定义主题,选项可能会有不同。 ::: 首页配置 首页配置文件是doc目录下的README.md文件,以下是一个如何使用的例子: --- home: true heroImage: /hero.png heroText: Hero 标题 tagline: Hero 副标题 actionText: 快速上手 → actionLink: /guide/ features: - title: 简洁至上 details原创 2020-05-25 14:29:41 · 9027 阅读 · 2 评论