Vuepress创建个人网页（Vue构建个人网站）

这次，我们将为您带来Vuepress创建个人网页。 Vuepress创建个人网页的预防措施是什么？以下是一个实际情况。让我们看看。

vuepress

vuepress是一个基于VUE的全新静态网站发电机，YouDada于4月12日发布。

基于Vue SSR的静态站点生成器最初愿意愿意编写文档，但是我发现使用它也很高兴也很高兴为人们使用博客。

这是官方的Vuepress文档

构建首先

您可以使用示例文档，但是Vuepress文档也可以使用VuePress实现，因此您将使用Vuepress存储库中的文档目录播放。

1。首先在Vuepress上全局安装

npm install - g vuepress

2。接下来，克隆Vuepress存储库

git git clone git@github.com版本> = 8）

http：// localhost：8080/

服务器在低http：// localhost上收听：8080/

我发现Vuepress文档实际上是打开的：

components││。公共手指config.js // config file

该文档分为两个部分。可以在 / zh /目录中找到中文文档，并且可以在根目录中找到英文文档。

实际上，目录中的所有内容都易于理解。首先，指南中的三个目录，默认-主题- config和config是Vuepress文档的主要内容。您还可以从中国文档中看到，只有这三个目录已被替换。

ホームページの构成

デフォルトのテーマは、ホームページのレイアウトを提供します。要使用它，您需要指定主页：在root Directory readme.md中的YAML前提中使用TRUE，然后添加其他元数据。

首先，在根目录中读取我，MD：

home：true //让我们看看是否要在Vuepress中使用默认的主题hiro image。 Markdown -中央项目结构可帮助您专注于写作。使用VUE + WebPack的经验，使用Markdown中的VUE组件并使用VUE开发自定义主题。 版权所有©2018 -出席Evan You //我真的不了解页面的结尾，官方网站对结构的描述比我更详细。

导航配置

导航配置文件是.vuepress/config.js

导航配置文件允许您控制导航栏链接并将其更改为自己的博客目录。

nav：[文本：'指南'，链接：'/guide/'，text：'config reference'，链接：'/config/'text：'default themAd config'，链接：'/default - theme - theme - config/']

默认主题配置的其余官方文档配置的其余文档具有非常详细的文档。 我不会在这里详细介绍。

更改默认主题颜色

您可以在.vuepress/Directory中创建一个Override.styl文件。

vuepress offers four changeable colors:

$ accentcolor = #3eaf7c // Theme color $ textcolor = #2c3e50 // Text color $ bordercolor = #eecef // border $ codebgcolor = #282c34 // Codebackbackbackback风景颜色

我更改了以下内容：

侧栏实现

在评论区域中有很多人问，所以我在这里进行更新。实际上，不管我在这里写的多么详细，都最好阅读官方文件。

侧边栏配置为.vuepress/config.js：

sidebar：[title：'javascript'，// sidebar名称崩溃：true，//可折叠的孩子：['/blog/javascript/es6，我不写这样的代码http - cookie and session'，]

支持的文档结构：

├Blog//docsdirectory│brownhu

deplyportion

在配置博客后，运行命令行，

vuepress构建

vuepress构建

如果您会成功地

您会成功！ 我用Vuepress生成了一个静态文件。

我认为您在阅读此情况后学习了该方法。有关更多令人兴奋的事情，请注意主机参考其他相关文章！

建议阅读：

官方移动微信帐户（带代码）

长度和尺寸比较（）

从前端

开始

实用说明：学习>学习笔记介绍了前端，并探索前端并探索实用技能！

这几篇文章你可能也喜欢：

• VuePress制作个人网页（使用vue作为网站）
• VuePress制作个人网页(vuepress博客)

本文由主机参考刊发，转载请注明：Vuepress创建个人网页（Vue构建个人网站） https://zhujicankao.com/147298.html