脉金捷脉金捷
主页
  • VuePress
  • VuePress2
  • Markdown基础命令
  • Java特性
  • Java修饰符
  • Java常见问题
  • Java LocalDate
  • Java Cloud ID
  • Docker-CentOS8
  • Docker-Nginx
  • Docker-Redis
  • Docker-MySQL
  • Docker-Nacos
  • Docker-Seata
  • Docker-Nodejs
  • Docker-runlike
  • Docker基础命令
  • Linux基础软件
  • Linux-SSH登录
  • Linux防火墙-iptables
  • Linux系统目录
主页
  • VuePress
  • VuePress2
  • Markdown基础命令
  • Java特性
  • Java修饰符
  • Java常见问题
  • Java LocalDate
  • Java Cloud ID
  • Docker-CentOS8
  • Docker-Nginx
  • Docker-Redis
  • Docker-MySQL
  • Docker-Nacos
  • Docker-Seata
  • Docker-Nodejs
  • Docker-runlike
  • Docker基础命令
  • Linux基础软件
  • Linux-SSH登录
  • Linux防火墙-iptables
  • Linux系统目录
  • VuePress
  • VuePress2
  • Markdown基础命令

VuePress

本人想搞一下个人博客,找了 java 开源博客,也找了 node 开源博客,感觉都有好多本人不太关心的东西在里面。最后发现了 VuePress 。VuePress 是基于 Vue 驱动的静态网站生成器,它基于 Markdown 语法生成网页,可自定义和扩展样式,可以发布至 GitHub。

感觉它是最适合本人这种程序猿了,于是就有了你现在访问的网站。怎么样?有兴趣了吧?

VuePress 快速上手

Warning

前提条件 VuePress 需要 Node.js >= 8.6

创建并进入一个新目录

mkdir vuepress-starter && cd vuepress-starter

使用你喜欢的包管理器进行初始化

yarn init # npm init

将 VuePress 安装为本地依赖

我们已经不再推荐全局安装 VuePress

yarn add -D vuepress # npm install -D vuepress

Warning

注意 如果你的现有项目依赖了 webpack 3.x,我们推荐使用 Yarn 而不是 npm 来安装 VuePress。因为在这种情形下,npm 会生成错误的依赖树。

创建你的第一篇文档

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

在 package.json 中添加一些 scripts

这一步骤是可选的,但我们推荐你完成它。在下文中,我们会默认这些 scripts 已经被添加。

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

在本地启动服务器

yarn docs:dev # npm run docs:dev

VuePress 会在 "http://localhost:8080" 启动一个热重载的开发服务器。

想了解更多,可访问 VuePress 官网

VuePress 官网:https://vuepress.vuejs.org/

Last Updated: 2/22/22, 6:13 PM
Contributors: wangxinyi, maijinjie