5 分钟，从 0 到 1 上线我的网站！

用最简单的方式，带你上线本身的网站！

你们好，我是鱼皮。

相信每位学编程的同窗都想要拥有一个本身的网站，好比我的博客，能够拿来记录本身的学习过程、分享本身的文章、展现做品等，从而激励本身持续学习和总结。

那么今天这篇文章，目标很简单，我要用 新技术 带 全部同窗 从 0 到 1 快速上线一个本身的网站！

给我 5 分钟，我给你全世界。

上线网站极简教程

让咱们先来了解下传统的上线网站流程。

传统方式

假如咱们要上线我的博客网站，供其余同窗访问，那么须要经历以下步骤：

1. 准备一份我的博客网站的源代码
2. 购买一台有公网 IP 的服务器
3. 把网站文件放到服务器上，并安装 web 服务器软件提供网页访问能力
4. 购买一个域名
5. 配置 DNS 解析，把域名指向服务器的 IP 地址
6. 若是要提升网站访问速度，自行购买 CDN

流程图以下：

听起来就以为麻烦，并且这一套流程下来最少也要 1 个小时。这也是为啥不少同窗只是有上线我的网站的想法，却从未实现。

可是，昨天我却只用 5 分钟，就上线了本身的网站，怎么作到的呢？

下面引出今天的主角 Webify 。

Webify

Webify 是腾讯云提供的 一站式 Web 应用托管服务，帮助你们极速开发、部署、上线网站项目。

什么是一站式呢？

就是一条龙服务，只要你有一套网页代码，不管是静态、动态网站仍是其余类型的 web 应用，都能使用 Webify 傻瓜式部署。由它提供服务器、默认域名、自定义域名、HTTPS、CDN 加速，提高 Web 应用的性能和安全性。

换言之，若是使用 Webify 上线我的博客，你只须要：

1. 准备一份我的博客网站的源代码
2. 进入 Webify 控制台，选择源码和配置
3. 一键发布

流程大大精简了！

此外，Webify 还提供基于 Git 工做流的 DevOps 流程，每次修改代码都能自动从新构建部署，不用再登陆服务器本身操做了！

听起来挺爽，下面咱们一块儿试着用 Webify 上线我的博客。

Webify 实战

地址：cloud.tencent.com/product/web…

首先进入 Web 应用托管平台，新建一个应用。

一个应用对应一个网站项目，这里提供两种新建应用的方式：Git 导入和从模板建立。

Git 导入建立应用

Git 导入适用于已有网站源代码的方式，只要你的代码存在于 Git 托管平台，就能直接在 Webify 导入。

好比咱们想要上线我的博客，先要有一套博客源代码。能够本身写代码；也能够直接使用一些现成的站点生成器，好比 Hugo、Hexo 等（后面详细介绍），自动生成源代码；固然还能够下载、克隆别人的项目代码。搞到代码后，把它上传到 GitHub 或 Gitee 等代码托管平台就能够被 Webify 导入了。

导入以后须要根据应用的技术栈和类型，填写构建命令等配置。这里能够直接选择预设配置，好比你的项目用到了 Vue.js，能够直接选择对应的预设，不用填写就能自动配置：

从模板建立应用

若是咱们啥代码都没有，也搞不来代码，咋办？

也没有关系，Webify 内置了一些项目模板，直接选择须要的应用建立便可。好比咱们要作我的博客，能够选择 Docusaurus 2 这款主流的站点生成器：

选中模板后，系统会自动把代码模板复制到新的 Git 仓库，和应用关联。

Webify 会自动给 Git 仓库配置 Webhooks，后续每当仓库的代码发生变动（push）时，都会自动触发应用的从新部署，无需再跑到服务器上改代码了！

点击下一步，进入应用配置，因为咱们使用的是系统预设模板，什么都不用改，用默认配置就好了。

点击部署按钮，稍等几分钟，应用就建立成功了！

应用详情

能够在应用列表和部署记录中查看到新建完成的应用：

点击新建的应用，进入应用详情页：

能够查看到应用的详细信息，好比系统为咱们提供的默认项目域名，点击以后就能访问到已上线的博客网站啦！

应用详情中还有一个所属环境信息，那是啥呢？

其实在部署过程当中，系统会自动建立一个 云开发 环境，根据配置的命令自动构建项目，将构建产物放到 静态网站托管 上。

能够在云开发控制台看到已经上传到服务器上的文件：

在静态网站托管页面，能够修改已上传的文件，修改 CDN 缓存设置等：

想要了解什么是云开发？欢迎阅读我以前的文章：我和云开发 。

进入应用详情的设置页，能够给项目添加自定义域名、修改应用构建配置、删除应用等：

持续发布

下面让咱们给本身的博客网站添加一篇文章，进入到应用对应的 Git 仓库，在 docs/tutorial-basics 路径下新建一个 .md 后缀文件，输入博客标题和内容。

点击 commit 按钮，本次代码改动将自动 push 到主分支：

固然，更好的方式是把代码仓库拉取到本地，在本地修改后再 push 到远程。能够先 push 到 dev 分支，确认代码没问题后再合并到 master 分支。

代码 push 以后，事件会经过 Webhooks 传递给 Webify，自动触发从新部署，等一段时间后就能够看到新的部署记录：

再次访问网站地址，就可以看到新增的博客啦！

若是没有当即看到更新，多是因为 CDN 的缓存（默认 2 分钟），致使没有拉取到最新的资源，等个几分钟就行了。

OK，从 0 到 1 上线网站成就达成。后面你们能够参考 Docusaurus 站点生成器的官方文档，更改代码和配置，进一步定制本身的博客。

使用感觉

其实这个东西并不算新技术了，产品形态和体验上相似 Vercel 和 Github Pages。不过优势是 Webify 在国内，提供了高速 CDN；还可以和其余云产品打通、造成体系。

使用 Webify 上线网站仍是很爽的，整个流程很是简单、易上手，着实省去了不少本身上线网站的琐碎流程。不管是对想快速上线本身网站的同窗、仍是 web 开发爱好者，都是不错的选择。

还有重要的一点要提醒你们，世上没有免费的午饭，Webify 依托于云开发，也是要收费的（提供 1 个月的免费体验），但相对于本身购买服务器（即便是学生机），性价比也是更高的。

---

最后，我还在小破站发布了 webify 视频教程，演示了另外一个博客系统的上线。

指路：www.bilibili.com/video/BV11V…

我是鱼皮，欢迎阅读 我从 0 自学进入腾讯的编程学习、实习、求职、考证、写书经历，再也不迷茫！

我学计算机的四年，共勉！

点赞 仍是要求一下的，祝你们都能心想事成、发大财、行大运。