关于vuepress:使用VuePress快速搭建博客在线文档静态网站VuePress项目创建

46次阅读

共计 1066 个字符,预计需要花费 3 分钟才能阅读完成。

VuePress 介绍

VuePress 是 Vuejs 官网提供的一个是 Vue 驱动的动态网站生成器,基于 Markdown 语法生成网页。简略的说它就是一个疾速建设文档站点的工具,在简略配置好性能后,须要做的事件就剩下写好一个个 Markdown 文档。

VuePress 官网

https://www.vuepress.cn

VuePress 指南

https://www.vuepress.cn/guide…

VuePress 装置

装置前请装置 Node.js

Node.js 下载地址

http://www.nodejs.com.cn

你能够在一个硬盘创立一个目录,例如我再 D 盘的根目录下创立一个 VuePress 目录,而后双击进入这个目录,在这个目录的门路栏(将 D:\VuePress 替换为 cmd 而后按回车)输出 CMD 启动 cmd 来执行命令。

就会在这个目录下启动 cmd 命令行工具。

VuePress 装置命令

npm install -D vuepress

国内请应用 cnpm 装置会更快,可执行以下命令装置 cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

再执行以下命令装置 VuePress

cnpm install -D vuepress

间接粘贴命令按回车就能够开始装置,只有命令还在跑,都还没实现装置,须要急躁期待。

以上写得如此具体,就是为了关照老手,大神请不要厌弃。如果老手连以上的操作都不懂,倡议还是要现学习一下 Vue 我的项目的创立、配置、运行、打包等基础知识。

创立 VuePress 文档

mkdir docs && echo '# Hello VuePress' > docs/README.md

配置 VuePress

在你的 VuePress 我的项目目录下的 package.json 文件增加以下代码。

{
  "scripts": {
    "docs:dev": "vuepress dev docs",
    "docs:build": "vuepress build docs"
  }
}

启动 VuePress 我的项目

npm run docs:dev

启动后,将会在你的本地开启一个 http 服务

而后就能够通过 Markdown 语法来编写你的文档、博客、文章等内容了!

VuePress 进一步配置

如果想要进一步欠缺你的 VuePress 文档,甚至是让 VuePress 像博客一样去应用,那么你能够依据 VuePress 官网提供的指南去进一步配置 VuePress 的导航栏、搜寻、logo、侧边栏、代码高亮等,这样能够让你很快地学会应用 VuePress 来编写你的文章。

本文作者

TANKING

正文完
 0