一键创建VuePress应用模板

无需加好友免费技术支持

基于Vue极简生成器 — Vuepress-阿里云开发者社区

首先，假设你已经安装了它Git、node，没有安装请移步node安装官方网站。克隆项目：切换到项目文件feature/1.0.0 这里打开浏览器8080端口，默认页面出现在分支上。

也许你会建立一个类似的文档：

默认主题提供主页，设置如下home:true您可以将以下设置放入README.md以后你会看到的VuePress主页相同。

ps：你需要放一张图片public文件夹中。

当然，最标准的是官方文件，可以根据自己的需要配置config.js。

可以参考我的config.js的配置：

侧栏的配置比较麻烦。我在里面做了详细的注释。仔细看，我自己做。 就知道怎么做了。

以下代码会导致编译错误，VuePress会找到里面的变量，编译成text：

因此，我们的代码块应该以这种形式书写：

而且这也会让我们的代码高亮显示(下图第一个没有高亮，第二个有高亮)，阅读体验更好:

一键部署应用程序。点击应用详细信息页面的日常环境「部署」按钮一键部署，部署状态变绿后可点击访问部署网站查看效果。

配置在线环境自定义域名。功能开发验证完成后，应部署在线环境和在线环境「部署配置」-「自定义域名」填写你自己的域名。例如，我们添加了一个二级域名 company.workbench.fun 绑定我们部署的前端应用程序。然后复制自定义域名下方API添加的二级域名的网关地址CNAME配置。

配置CNAME地址。复制好 API网关域名地址后，来到自己的域名管理平台(此示例中的域名管理是阿里云域名管理控制台，请到自己的域名控制台操作)。添加记录的「记录类型」选择「CNAME」，在「主机记录」输入您想要创建的二级域名，这里我们输入「company」，在「记录值」粘贴我们之前复制的中间粘贴 API网关域名地址，「TTL」保留默认值或设置您认为合适的值。

在线环境部署。回到云开发平台的应用详情页面，点击在线环境「部署按钮」，部署完成后，您自定义的域名将上线。CNAME 生效后，我们输入 company.workbench.fun(示例网站) 部署页面可以打开。到目前为止，如何部署一个应用程序到在线环境，如何绑定自己的域名访问在线应用程序已经完成，快速部署自己的应用程序到在线环境，使用自己的域名玩 ；）

一键创建VuePress应用模板链接 ：

参考文献：