当前位置: 首页 > 科技观察

如何用Hugo快速部署静态网站?_0

时间:2023-03-18 01:33:46 科技观察

【.comExpressTranslation】您的企业可能想要开始使用静态网站生成器的原因有很多。一个原因是您需要能够快速部署您的网站,而不必担心编写代码。或者,您可能希望最终自动化常规静态网站部署的过程。使用像Hugo这样的工具,你可以使用预定义的模板来生成一个完整的静态网站。页面呈现速度非常快,因此如果您追求速度,这可能是适合您的工具。关于使用Hugo构建的网站,您需要了解的一件事是没有数据库后端或插件来扩展功能集。这些本质上是静态网站。但是,凭借正确的开发技能,您可以使用这些类型的网站来增强公司的在线形象,将它们用于信息亭、嵌入式系统,或者几乎任何可以从极速静态网站中受益的用例。如果这听起来像您想尝试的东西,那么您很幸运,因为我将引导您完成使用Hugo部署您的第一个网站的步骤。你需要什么?Hugo可以安装在Linux和macOS上。我将使用UbuntuServer20.04来演示该过程,因此您需要开源操作系统实例的运行实例和具有sudo权限的用户。如何安装雨果?Hugo在标准Linux存储库中可用,因此只需一个命令即可安装。登录到您的Ubuntu服务器实例,执行以下命令:sudoapt-getinstallhugo-yHugo也依赖于Git,因此最好也安装它(以防尚未安装):sudoapt-getinstallgit-y就是这样。如何创建您的第一个网站?您需要做的第一件事是浏览Hugo主题存储库(https://themes.gohugo.io/)以找到您想要用于网站的主题。找到喜欢的主题后,请务必复制GitHubCLI下载链接。我们将使用hugo命令为我们的新网站(我们称之为测试)生成基础:hugonenewsitetest使用以下命令切换到新创建的目录:cdtest接下来,您需要使用git初始化新网站以下命令:gitinit现在我们将从存储库下载主题。使用以下命令进入主题目录:cdthems现在,使用以下命令下载主题:gitsubmoduleaddURL其中URL是您要使用的主题的URL。比如说,我要部署一个基于DPSG主题的网站,所以命令是:gitsubmoduleaddhttps://github.com/pfadfinder-konstanz/hugo-dpsg你应该会看到一个新的主题子文件夹。使用以下命令进入该文件夹:cdFOLDER,其中FOLDER是新文件夹的名称。使用以下命令将所有内容复制到根目录:cp-rf*../../使用以下命令切换回根目录:cd../../接下来,我们需要使用以下命令把config.toml文件(从exampleSite目录下)复制到测试站点的根目录:cpexampleSite/config.toml。现在,让我们使用以下命令启动我们的第一个Hugo站点:hugoserver-DHugo现在呈现静态站点。唯一的问题是,您无法访问它,因为它只会将网站呈现给本地主机。虽然您可以更改config.toml文件中的baseURL选项,但这无济于事。相反,您需要使用以下命令启动Hugo测试网站:hugoserver--bind=SERVER--baseURL=http://SERVER:1313其中SERVER是您的托管服务器的IP地址或域名。使用上述命令启动Hugo测试站点后,您可以将Web浏览器指向http://SERVER:1313(其中SERVER是托管服务器的IP地址或域名)以查看新站点的主题.如何修改主题?这是它真正闪耀的地方。要保持网站运行,请使用另一个终端窗口登录到您的Hugo服务器。切换到test文件夹,使用以下命令打开config.toml文件进行编辑:nanoconfig.toml在该文件中进行编辑,例如将下面一行:title="HugoDPSG"改为:title="TechRepublicTestSite"一次您保存并关闭文件,Hugo服务器将检测到更改并自动重建站点。如果您在Web浏览器中刷新页面,您将看到更改。您可以查看config.toml文件并自定义它以完全满足您的要求。如果完成测试,您可以在运行hugoserver命令的终端中停止Hugo服务器,只需按Ctrl+c快捷键即可。这就是使用Hugo部署您的第一个静态网站的全部内容。现在您可以开始部署静态网站或将Hugo添加到您的网站开发周期中,以创建一个自动部署快速静态网站的系统。原标题:如何用Hugo快速部署静态网站,作者:JackWallen