前端有道 前端有道
导航
算法
开发
  • Git

    • Git导读
  • 收藏夹 (opens new window)
  • 工具库 (opens new window)
  • Vuepress2.0 (opens new window)
留言区
娱乐
关于
  • 时间轴
  • 标签
  • 分类

星野

给岁月以文明
导航
算法
开发
  • Git

    • Git导读
  • 收藏夹 (opens new window)
  • 工具库 (opens new window)
  • Vuepress2.0 (opens new window)
留言区
娱乐
关于
  • 时间轴
  • 标签
  • 分类
  • 关于 - 我
  • 关于 - 赞赏❤️的用途
  • 关于 - 网站错误反馈
  • 关于 - 本站
  • Vuepress

    • Markdown语法
    • MarkDown 常用表情
    • Vuepress 模版
      • 目录
      • 安装环境
      • 目录结构
      • 运行项目
    • Vuepress 手写自动生成侧边栏函数
    • GitHub Actions部署Vuepress
    • VuePress 搭建个人博客
    • Vuepress插件推荐
  • 关于
  • Vuepress
星野
2018-12-28
368
1.5 m
14

Vuepress 模版

# 目录

  • 安装环境
  • 目录结构
  • 运行项目

vuepress-template (opens new window) 是一个为编写技术文档而诞生的,它基于vuePress (opens new window)实现,内置自动生成侧边栏,动漫模型、自动打包部署GitHub Actions、Gitee Page同步更新(原Plus会员的功能)、还有听歌组件等。

快速的搭建属于自己的静态页面,只要转移自己的文章目录和配置导航栏页面就行。

# 安装环境

你需要在本地安装 node和`- vuepress-template

,如果你本机没有node` 点击下面地址跳转到官网下载安装。

  • node 官网 (opens new window)
  • git 官网 (opens new window)

# 目录结构

├── docs
│   ├── .vuepress
│   │   ├── components
│   │   ├── config
│   │   │   ├── theme.js (导航和侧边栏)
│   │   │   └── plugins.js (插件的)
│   │   ├── theme
│   │   │   └── Layout.vue
│   │   ├── public
│   │   ├── styles
│   │   │   ├── index.styl
│   │   │   └── palette.styl
│   │   ├── config.js (可选的)
│   │
│   ├── README.md
│   ├── 指南
│   │   └── 介绍.md
│   └── config.md
│
└── package.json

# 运行项目

# 克隆项目
git clone https://github.com/qqlcx5/vuepress-template.git

# 进入项目目录
cd vuepress-template

# 安装依赖
npm install

# npm 下载速度慢 可以指定 registry 来解决 npm 安装速度慢的问题。
npm install --registry=https://registry.npm.taobao.org

# 本地开发 启动项目
npm run docs:dev

启动完成后打开浏览器访问 http://localhost:8080 (opens new window), 你看到下面的页面就代表操作成功了。

#VuePress
上次更新: 2022/05/18, 09:51:09
MarkDown 常用表情
Vuepress 手写自动生成侧边栏函数

← MarkDown 常用表情 Vuepress 手写自动生成侧边栏函数→

最近更新
01
图解Git
05-10
02
关于 - 网站错误反馈
05-10
03
关于 - 赞赏❤️的用途
05-10
更多文章>
Nickname
Email
Website
0/500
  • OωO
  • |´・ω・)ノ
  • ヾ(≧∇≦*)ゝ
  • (☆ω☆)
  • (╯‵□′)╯︵┴─┴
  •  ̄﹃ ̄
  • (/ω\)
  • ∠( ᐛ 」∠)_
  • (๑•̀ㅁ•́ฅ)
  • →_→
  • ୧(๑•̀⌄•́๑)૭
  • ٩(ˊᗜˋ*)و
  • (ノ°ο°)ノ
  • (´இ皿இ`)
  • ⌇●﹏●⌇
  • (ฅ´ω`ฅ)
  • (╯°A°)╯︵○○○
  • φ( ̄∇ ̄o)
  • ヾ(´・ ・`。)ノ"
  • ( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
  • (ó﹏ò。)
  • Σ(っ °Д °;)っ
  • ( ,,´・ω・)ノ"(´っω・`。)
  • ╮(╯▽╰)╭
  • o(*////▽////*)q
  • >﹏<
  • ( ๑´•ω•) "(ㆆᴗㆆ)
  • 😂
  • 😀
  • 😅
  • 😊
  • 🙂
  • 🙃
  • 😌
  • 😍
  • 😘
  • 😜
  • 😝
  • 😏
  • 😒
  • 🙄
  • 😳
  • 😡
  • 😔
  • 😫
  • 😱
  • 😭
  • 💩
  • 👻
  • 🙌
  • 🖕
  • 👍
  • 👫
  • 👬
  • 👭
  • 🌚
  • 🌝
  • 🙈
  • 💊
  • 😶
  • 🙏
  • 🍦
  • 🍉
  • 😣
  • 颜文字
  • Emoji
  • Bilibili
0 comments
No comment
Powered by Twikoo v1.5.10
Twikoo Management Panel
Password
加入前端有道交流群 | Copyright © 2018-2025 星野 | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式