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 · 2510 阅读 · 0 评论 -
vuepress入门详解(六)vuepress 实用插件
vuepress 实用插件这些插件都是官方提供的,有些在我们实用默认主题的时候已经安装了,不需要再单独安装,有些插件需要我们单独安装。具体请看下面的介绍默认主题自带的插件@vuepress/plugin-active-header-links@vuepress/plugin-nprogress@vuepress/plugin-searchvuepress-plugin-containervuepress-plugin-smooth-scroll@vuepress/plugin-last-u原创 2020-05-28 15:32:02 · 8021 阅读 · 3 评论 -
vuepress入门详解(五)vuepress Markdown详解
Markdown详解Markdown 是一种轻量级标记语言,创始人为约翰·格鲁伯(John Gruber)和亚伦·斯沃茨(Aaron Swartz)。它允许人们“使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档”::: danger本文的markdown语法都是适用于vuepress的,其它工具没有试过,应该大部分都可以适用。这个博客所有文章都是通过markdown写的。看十遍不如动手做一遍,大家可以把内容复制到自己的文档里面看下效果:::常用语法[[toc]原创 2020-05-25 17:24:26 · 4978 阅读 · 3 评论 -
vuepress入门详解(一)vuepress介绍
vuepress入门详解什么是vuepressVue 作者尤雨溪于 2018 年 4 月 13 日推出基于 Vue、围绕 markdown 生成静态页面的 VuePress 框架。使用vuepress需要什么基础0基础也可以使用,就把vuepress当作一个专门写文档并且保存文档的工具,把它当成一本厚厚的书,使用markdown语法写自己的内容,不用担心不会markdown,他不是什么高深的语法,只是写作格式的一个要求,遵守这个要求我们就能写出一个好看的文档出来。当然你不用任何markdown语原创 2020-05-21 18:06:43 · 3888 阅读 · 0 评论 -
vuepress入门详解(二)vuepress 快速搭建
vuepress 快速搭建快速搭建的目的是让我们直观的感受下vuepress界面。先不要纠结每个文件和配置的意思,先快速感受一下。::: warning 注意请确保你的 Node.js 版本 >= 8:::安装nodejs如何安装nodejs,请参考nodejs安装安装vuepress可以全局安装,也可以本地安装。全局安装的好处是电脑只用安装一次,所有的vuepress工程都能用。实际使用中,有些插件必须本地安装了才生效# 安装yarn global add vuepress #原创 2020-05-25 14:03:13 · 1152 阅读 · 0 评论 -
vuepress入门详解(三) vuepress 目录结构
vuepress 目录结构VuePress 遵循 “约定优于配置” 的原则,推荐的目录结构如下:.├── docs│ ├── .vuepress (可选的)│ │ ├── components (可选的)│ │ ├── theme (可选的)│ │ │ └── Layout.vue│ │ ├── public (可选的)│ │ ├── styles (可选的)│ │ │ ├── index.styl│ │ │ └─原创 2020-05-25 14:05:15 · 4925 阅读 · 0 评论 -
vuepress入门详解(四)vuepress 基本配置
vuepress 基本配置::: tip本页所列的选项仅对默认主题生效。如果你在使用一个自定义主题,选项可能会有不同。:::首页配置首页配置文件是doc目录下的README.md文件,以下是一个如何使用的例子:---home: trueheroImage: /hero.pngheroText: Hero 标题tagline: Hero 副标题actionText: 快速上手 →actionLink: /guide/features:- title: 简洁至上 details原创 2020-05-25 14:29:41 · 9019 阅读 · 2 评论