介绍
vuepress-theme-portfolio 是一款基于 VuePress 实现的静态网站模板，主要用于个人或团队作品集展示。本文将详细讲解如何使用该主题进行项目展示。
安装
首先，需要安装 VuePress 和 vuepress-theme-portfolio。
npm install -D vuepress vuepress-theme-portfolio
安装完成后需要在项目根目录下创建一个 .vuepress 文件夹，并在其中创建一个 config.js 文件，该文件用来配置 VuePress。
-- -------------------- ---- -------
-------------- - -
------ ---------------------------
------ --- -----------
------------ ----- -- -- ------------
------------ -
---- -
- ----- ------- ----- --- --
- ----- -------- ----- --------- -
-
-
-页面创建
vuepress-theme-portfolio 包含几个预置的页面布局，可根据需要选择其中的布局。
首页
index.md 页面是默认的首页，可以通过 README.md 或 README.vue 自动映射为首页。该页面使用 home 主题布局。
关于页面
about/README.md 页面是关于页面，可以在导航栏中添加链接。该页面使用 about 主题布局。
项目详情页
添加项目页面，需要在项目目录下新建 README.md 文件，该页面使用 project 主题布局。需要在配置文件中添加项目列表。
-- -------------------- ---- -------
-------------- - -
------ ---------------------------
------ --- -----------
------------ ----- -- -- ------------
------------ -
---- -
- ----- ------- ----- --- --
- ----- -------- ----- --------- -
--
--------- -
- ----- -------- --- ----- ------------- --
- ----- -------- --- ----- ------------- -
-
-
-效果展示
结语
本文介绍了如何使用 vuepress-theme-portfolio，可以使用该主题快速建立作品集展示网站。更多说明请查看 vuepress-theme-portfolio 官方文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668f1d9381d61a3540d9a