杜郎俊赏 - dujun.io

开源实例之VuePress

前言

VuePress 是 Vue 驱动的静态站点生成工具。

VuePress 由两部分组成:第一部分是一个极简静态网站生成器 (opens new window),它包含由 Vue 驱动的主题系统和插件 API,另一个部分是为书写技术文档而优化的默认主题,它的诞生初衷是为了支持 Vue 及其子项目的文档需求。

实例地址

http://vuepress.dujun.eu.org

实例配置

配置描述
系统Debian
开发环境服务端Node.js 16
服务器Nginx
程序VuePress 1.4.1
数据vdoing-demo-blog 1.4.2

实例部署

权限要求

  • 具有系统读写权限
  • 已安装 Node.js
  • 已安装 Nginx

安装程序

官网地址:https://vuepress.vuejs.org
仓库地址:https://github.com/vuejs/vuepress

#安装
yarn global add vuepress #或者 npm install -g vuepress

#新建一个 markdown 文件
echo '# Hello VuePress!' > README.md

#开始写作
vuepress dev .

#构建静态文件
vuepress build .

部署博客示例

仓库地址:https://github.com/xugaoyi/vdoing-demo-blog

#克隆代码
git clone https://github.com/xugaoyi/vdoing-demo-blog.git
cd vdoing-demo-blog

#安装依赖
yarn

#生成静态文件
yarn run build

实例体验

首页

文章

进入实例深度体验

后记

本实例仅供参考,不定期重置数据。

体验更多开源实例

标签: 开源实例 个人实例 Node.js实例 静态博客实例
日期:2023-05-31