Serverless Devs 的官网是如何通过 Serverless Devs 部署的

来源 | 阿里巴巴云原生公众号

​

只有自己吃自己的狗粮，自己做的东西才不“🐶”。Serverless Devs 自发展之处到现在，已经经历了几个月的时间，在这几个月，Serverless Devs 的成长是迅速的，这很大一部分的原因是“我们在吃自己的狗粮”，我们相信，如果自己都用不爽的东西，大家一定很难用的起来。

​

今天这篇文章，是一个关于 Serverless Devs 官网建设的文章，文章很简单，也很有趣。

什么是 Serverless Devs?

=========================================================================================

​

「Serverless Devs」是由阿里云开源的 Serverless 开发者平台，致力于为开发者提供强大的工具链体系。通过该平台，开发者可以一键体验多云 Serverless 产品，极速部署 Serverless 项目。Serverless Devs 让开发者以更短的路径体验到多个主流云厂商 Serverless 产品，以更快的速度创建和部署 Serverless 应用，以更简单、更自动化的方法进行项目管理和运维，Serverless 项目通过该平台完成全自动化后，可节省 99.9% 的管理成本。

​

• Github 地址：https://github.com/serverless-devs

• Gitee 地址：https://gitee.com/organizations/serverless-devs/projects

• Serverless Devs 官网：https://www.serverless-devs.com

Serverless Devs 与 Docusaurus

=================================================================================================

​

众所周知，开源项目的官网不宜太复杂，其实简简单单的就好，所以我们经过了很长时间的对比，最终选择了 Docusaurus 作为官网的框架选型。那么问题来了，我们选型结束之后，我们要如何来建设官网？

​

经过一些简单的调研，我们决定用 Serverless Devs 建设 Serverless Devs 官网，并将其部署到 Serverless 架构上，很绕嘴是吧？但是，这个过程却真的很“经典”：

​

我们通过 Serverless devs 初始化了 Docusaurus：s init devsapp/website-docusaurus，这一部分可以参考文档：https://github.com/devsapp/website-example。

​

讲真，虽然也就是一行代码的事情，但是整个初始化还是比较“赏心悦目”的，作为一个 Serverless 应用全生命周期的工具，Serverless Devs 在脚手架和引导层面还是下了很多功夫的：

​

可以看到，初始化的时候，系统引导式的让我们填写了项目名，存储桶名，以及需要的密钥信息，同时完成之后，还告诉我们：

​

You could [cd /Users/jiangyu/Desktop/start-fc/website/serverless-website] and enjoy your serverless journey!

​

感觉还是很贴心的。

​

接下来，按照指引：

可以看到帮助文档：

​

当执行 s website-starter -h 之后，首次运行帮助信息，可能涉及到组件加载过程，稍等片刻，可以看到帮助信息：

​

此时，我们要将项目部署到线上，只需要执行 s deploy 即可。

​

当然，我们还需要对项目进行一定的配置，以及对我们的官网进行一定的建设。

​

关于网站建设，可以参考 Docusaurus 的官网文档，关于 Serverless Devs 的 website 组件配置，可以参考上图给我们 🧭 More information: https://github.com/devsapp/website：

​

在文档中可以了解更多的配置内容，最终生成我们的 s.yaml：

edition: 1.0.0

access: website_access

services:

website:

component: devsapp/website

actions:

pre-deploy:

• run: npm install

path: ./

• run: npm run build

path: ./

props:

bucket: serverless-devs-website

src:

codeUri: ./

publishDir: ./build

index: index.html

subDir:

type: index

region: cn-hongkong

CD 与 Serverless Devs

=========================================================================================

​

当我们建立好了网站页面，在本地也可以正常运行，通过本地的 s deploy 也可以顺利部署了，这个时候面临了新的问题：我如何更新我的网站？每次都要手动的在本地发布么？是否可以利用 Github Action，接入自动化的能力呢？

​

所以：

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Java工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Java开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Java开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注Java获取）

笔者福利

以下是小编自己针对马上即将到来的金九银十准备的一套“面试宝典”，不管是技术还是HR的问题都有针对性的回答。

有了这个，面试踩雷？不存在的！

回馈粉丝，诚意满满！！！

《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》，点击传送门即可获取！
图片转存中…(img-G1JLbblq-1712189297649)]
[外链图片转存中…(img-nyYsy3Ws-1712189297649)]
[外链图片转存中…(img-Z5jZX1Z9-1712189297649)]

《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》，点击传送门即可获取！