Webify教您如何以最简单的方式启动自己的网站!
大家好,我是于皮。
相信每个学习编程的朋友都想拥有一个自己的网站,比如个人博客,可以用来记录自己的学习过程、分享自己的文章、展示自己的作品等,从而激励自己继续学习和总结。
所以明天的文章,目标很简单。 我想用新技术带着我所有的朋友从0到1快速上线一个属于自己的网站!
给我5分钟,我就给你全世界。
启动网站的极简教程
让我们首先了解启动网站的传统流程。
传统方法
如果我们想推出一个个人博客网站供其他同事访问,那么我们需要经过以下步骤:
准备一个个人博客网站的源代码。 订购一台有网段IP的服务器。 将网站文件放置在服务器上,并安装Web服务器软件以提供网页访问。 订购域名并配置DNS解析。 将域名指向服务器的IP地址。 如需提高网站访问速度,请自行订购CDN
流程图如下:
听起来很麻烦,这个过程至少需要一个小时。 这也是为什么很多朋友只有开通个人网站的想法,却一直没有实现的原因。
然而,昨天我只用了 5 分钟就启动了我的网站。 我是怎么做到的?
下面介绍明天的主角CloudBase Webify。
网络化
Webify是腾讯云提供的一站式Web应用托管服务,帮助您快速开发、部署和上线网站项目。
什么是一站式商店?
这是一站式服务。 只要你有一套网页代码,无论是静态、动态网站还是其他类型的Web应用,都可以使用Webify进行万无一失的部署。 提供服务器、默认域名、自定义域名、HTTPS、CDN加速,提高Web应用的性能和安全性。
也就是说,如果您使用Webify开通个人博客,您只需要:
准备一份个人博客网站的源码,进入Webify控制台,选择源码并配置一键发布
流程已大大简化!
此外,Webify还提供了基于Git工作流程的DevOps流程。 每次代码更改时,都可以手动重新建立部署。 无需登录服务器即可自行操作!
听起来很酷,让我们尝试一下使用Webify 来推出个人博客吧。
网络化在行动
地址:
首先,进入Web应用程序托管平台并创建一个新应用程序。
一个应用程序对应一个网站项目。 创建新应用程序有两种方法:Git 导入和从模板创建。
Git 导入并创建应用程序
Git导入适合现有网站源代码。 只要您的代码存在于 Git 托管平台上,就可以直接导入到 Webify 中。
例如,如果我们要推出个人博客,首先必须有一套博客源代码。 您可以自己编写代码; 也可以直接使用一些现成的站点生成器,如Hugo、Hexo等(后面详细介绍)自动生成源码; 当然,你也可以下载克隆别人的项目代码。 获取代码后,上传到GitHub或Gitee等代码托管平台,即可通过Webify导入。
导入后,需要根据技术栈、应用类型填写创建命令等配置。 在这里您可以直接选择预设配置。 例如,如果您的项目使用Vue.js,则可以直接选择相应的预设。 您可以手动配置,无需填写:
从模板创建应用程序
如果我们没有代码又无法获取代码怎么办?
没关系,Webify有一些内置的项目模板,只需选择所需的应用程序即可创建。 例如,如果我们想创建个人博客,我们可以选择主流网站生成器 Docusaurus 2:
选择模板后,系统会手动将代码模板复制到新的Git存储库中,并与应用程序关联。
Webify 将为 Git 存储库手动配置 Webhook。 每次存储库中的代码发生更改(推送)时,都会手动触发应用程序的重新部署。 无需将代码移至服务器!
单击“下一步”进入应用程序配置。 由于我们使用的是系统默认模板,所以无需更改任何内容,只需使用默认配置即可。
点击部署按钮,等待几分钟,应用程序就创建成功了!
申请详情
新建的应用可以在应用列表和部署记录中查看:
点击新建的应用,进入应用详情页面:
您可以查看应用程序的详细信息,例如系统提供的默认项目域名。 点击后即可访问在线博客网站!
应用程序详细信息中还有环境信息。 那是什么?
事实上,在部署过程中,系统会手动创建云开发环境,根据配置的命令手动创建项目,并将创建的产品放置在静态网站托管上。
在云开发控制台中可以看到已经上传到服务器的文件:
在静态网站托管页面,您可以更改上传的文件、修改CDN缓存设置等:
想知道什么是云开发吗? 欢迎阅读我的上一篇文章:我和云开发。
进入应用详情的设置页面,可以为项目添加自定义域名、修改应用创建配置、删除应用等:
持续发布
我们在博客网站添加一篇文章网站源码生成器,进入应用对应的Git仓库,在docs/tutorial-basics路径下新建一个.md后缀的文件,输入博客标题和内容。
单击提交按钮,此代码更改将被手动推送到主分支:
当然更好的办法是把代码仓库拉到本地,进行本地修改,然后推送到远程。 可以先push到dev分支,确认代码没问题后再合并到master分支。
代码推送后,事件会通过Webhooks传递给Webify,自动触发重新部署。 一段时间后,可以看到新的部署记录:
再次访问该网站地址,您将看到新的博客!
如果没有立即看到更新,可能是因为CDN缓存(默认2分钟)没有拉取最新资源。 请稍等几分钟。
OK,在线网站从0到1的成就就实现了。 稍后,您可以参考 Docusaurus 站点生成器的官方文档,更改代码和配置,进一步自定义您的博客。
用户体验
其实这个东西并不是什么新技术。 产品形态和体验与Vercel和Github Pages类似。 但优点是Webify在国外提供高速CDN; 它还可以与其他云产品连接形成系统。
使用 Webify 启动网站是非常愉快的。 整个过程非常简单易用,确实省去了很多自己启动网站的复杂过程。 对于想要快速上线自己网站的朋友或者网页开发爱好者来说是一个不错的选择。
还有一点需要提醒大家的是,天下没有免费的晚餐。 Webify依靠云开发,也收费(提供1个月的免费体验)网站源码生成器,但与订购自己的服务器(甚至是学生机)相比,性价比是一样的。 更高。
技术交流群