1Password支持
support.1password.com1Password 是一款可以让您在网上保持安全的密码管理器。它通过只有您一个人知道的密码来保护您的安全信息。
1Password 支持 网站是使用 Hugo 从零开始构建的,还结合了 React 和 Elasticsearch 来使我们既能拥有静态站点的简洁和性能,又能拥有托管的 Web 应用程序的功能丰富性。
在1Password,我们过去每个月都会使用不同的文档平台:博客引擎、电子书、wiki、使用Ruby和JavaScript编写的网站生成器。每个平台都有自己的不足之处。然后我们发现了Hugo。我们做了最后一次切换,现在看来这是个明智的决定。
并非所有静态网站生成器都是一样的
要找到一个能让您的客户、撰稿人、设计师和DevOps团队满意的工具并不容易,但我们成功地找到了Hugo:
Hugo是静态的。作为一家安全公司,我们坚信静态网站,并在尽可能的地方使用它们。与让客户访问一个需要加固的复杂服务器相比,我们觉得将HTML文件交给客户更安全。
Hugo是Go的。我们在1Password非常喜欢Go编程语言,而且很高兴地发现Hugo使用了和我们的设计师和前端开发人员已经掌握的相同Go模板语法。
Hugo速度非常快。我们之前的静态网站生成器编译(当时规模小得多)的网站几乎要花费一分钟的时间。开发人员可能已经习惯了这一点,但对于想要实时预览他们的作品的撰稿人来说,这一点速度远远不够。Hugo能在毫秒级别完成相同的工作,时至今日,它能以眨眼的速度编译五种语言的400页内容。
Hugo非常灵活。多亏了Hugo的内容和布局系统,我们能够保留我们现有的文件和文件夹结构,并在几天内将我们整个的生产网站迁移到Hugo上。然后我们就可以创建以前不可能的新的内容类型,比如这些时尚的橱窗展示。
Hugo非常适合撰稿人。我们的文档团队已经熟悉Markdown和Git,并且可以快速开始为Hugo创建内容。一旦我们增加了短代码,我们的撰稿人就能够只用少许新语法装点文章,比如使用平台盒子等功能。
Hugo拥有令人惊叹的开发者社区。Hugo的更新频繁,并且提供了丰富的功能和修复。在开发我们的多语言版本网站的过程中,我们为我们需要的功能提交了PR,并得到了@bep和其他人的帮助。
Hugo部署简单。Hugo只有适量的配置选项,并且能够很好地适应我们的构建系统,而不会过于复杂。
技术规格
- 1Password支持使用了一个自定义的Hugo主题。它与1Password.com共享样式和一些模板代码,我们在2016年也将其迁移到了Hugo上。
- 代码和文章存放在私有的GitHub存储库中,使用Git钩子将其部署到静态内容服务器上。
- 撰稿人在他们的计算机上构建和预览网站,并通过Pull Request贡献内容。
- 我们使用Hugo的多语言支持来构建英语、西班牙语、法语、意大利语、德语和俄语版本的网站。凭借Hugo的帮助,1Password支持成为我们第一个多语言网站。
- 我们的联系表单是一个单页React应用。由于Hugo对静态文件的支持,我们能够无缝地集成它。
- 支持站点中唯一的非静态部分是我们的搜索引擎。我们使用Elasticsearch进行开发,并在AWS上进行托管。
Improve this page