Skip to main content

Electron 的全新国际化网站

· 12 min read
zeke

Electron 有了一个新网站，网址是 electronjs.org！我们已将原来的静态 Jekyll 网站替换为 Node.js 网络服务器，这让我们能够更灵活地进行网站的国际化，并为更多令人兴奋的新功能铺平了道路。

🌐 Electron has a new website at electronjs.org! We've replaced our static Jekyll site with a Node.js webserver, giving us flexibility to internationalize the site and paving the way for more exciting new features.

🌍 翻译​

🌐 🌍 Translations

我们已开始着手对网站进行国际化，目标是让全球开发者都能轻松进行 Electron 应用开发。我们正在使用一个名为 Crowdin 的本地化平台，该平台可以与 GitHub 集成，并在内容被翻译成不同语言时自动创建和更新拉取请求。

🌐 We've begun the process of internationalizing the website with the goal of making Electron app development accessible to a global audience of developers. We're using a localization platform called Crowdin that integrates with GitHub, opening and updating pull requests automatically as content is translated into different languages.

Electron 导航（简体中文）

尽管到目前为止我们一直在默默地推进这项工作，但已经有超过75名Electron社区成员自发发现了这个项目，并加入了将网站国际化及将Electron文档翻译成20多种语言的工作。我们看到来自世界各地的每日贡献，其中法语、越南语、印尼语和中文的翻译工作走在前列。

🌐 Though we've been working quietly on this effort so far, over 75 Electron community members have already discovered the project organically and joined in the effort to internationalize the website and translate Electron's docs into over 20 languages. We are seeing daily contributions from people all over the world, with translations for languages like French, Vietnamese, Indonesian, and Chinese leading the way.

要选择你的语言并查看翻译进度，请访问 electronjs.org/languages

🌐 To choose your language and view translation progress, visit electronjs.org/languages

Crowdin 上的翻译进行中

如果你会多种语言并且有兴趣帮助翻译 Electron 的文档和网站，可以访问 electron/electron-i18n 仓库，或者直接在 Crowdin 上进行翻译，你可以使用 GitHub 账号登录。

🌐 If you're multilingual and interested in helping translate Electron's docs and website, visit the electron/electron-i18n repo, or jump right into translating on Crowdin, where you can sign in using your GitHub account.

目前，Electron 项目在 Crowdin 上已启用 21 种语言。添加对更多语言的支持很简单，因此如果你有兴趣帮助翻译，但没有看到你的语言列在其中，请告诉我们，我们会启用它。

🌐 There are currently 21 languages enabled for the Electron project on Crowdin. Adding support for more languages is easy, so if you're interested in helping translate but you don't see your language listed, let us know and we'll enable it.

原始翻译文档​

🌐 Raw Translated Docs

如果你更喜欢阅读原始 Markdown 文件的文档，现在你可以用任何语言这样做：

🌐 If you prefer to read documentation in raw markdown files, you can now do that in any language:

git clone https://github.com/electron/electron-i18n
ls electron-i18n/content

应用页面​

🌐 App Pages

截至今天，任何 Electron 应用都可以轻松在 Electron 网站上拥有自己的页面。举几个例子，看看 Etcher、1Clipboard 或 GraphQL Playground，如图所示，在网站的日文版上：

🌐 As of today, any Electron app can easily have its own page on the Electron site. For a few examples, check out Etcher, 1Clipboard, or GraphQL Playground, pictured here on the Japanese version of the site:

GraphQL Playground

有一些非常棒的 Electron 应用，但它们并不总是容易找到，而且并不是每个开发者都有时间或资源去建立一个完善的网站来推广和分发他们的应用。

🌐 There are some incredible Electron apps out there, but they're not always easy to find, and not every developer has the time or resources to build a proper website to market and distribute their app.

仅使用一个PNG 图标文件和少量应用元数据，我们就能够收集有关特定应用的大量信息。通过收集 GitHub 的数据，应用页面现在可以显示截图、下载链接、版本、更新说明以及每个拥有公共仓库的应用的 README。通过从每个应用的图标中提取调色板，我们可以制作大胆且易于识别的颜色，为每个应用页面提供一定的视觉差异。

🌐 Using just a PNG icon file and a small amount of app metadata, we're able to collect a lot of information about a given app. Using data collected from GitHub, app pages can now display screenshots, download links, versions, release notes, and READMEs for every app that has a public repository. Using a color palette extracted from each app's icon, we can produce bold and accessible colors to give each app page some visual distinction.

应用索引页面 现在也有分类和关键字过滤功能，方便查找有趣的应用，如 GraphQL 图形界面 和 点对点工具。

🌐 The apps index page now also has categories and a keyword filter to find interesting apps like GraphQL GUIs and p2p tools.

如果你有一个想在网站上展示的 Electron 应用，可以在 electron/electron-apps 仓库中提交一个 pull request。

🌐 If you've got an Electron app that you'd like featured on the site, open a pull request on the electron/electron-apps repository.

使用 Homebrew 的一行安装​

🌐 One-line Installation with Homebrew

macOS 的 Homebrew 包管理器有一个名为 cask 的子命令，它可以让你通过在终端中输入一个命令轻松安装桌面应用，例如 brew cask install atom。

🌐 The Homebrew package manager for macOS has a subcommand called cask that makes it easy to install desktop apps using a single command in your terminal, like brew cask install atom.

我们已经开始收集流行 Electron 应用的 Homebrew cask 名称，并且现在在每个有 cask 的应用页面上显示安装命令（针对 macOS 访问者）:

🌐 We've begun collecting Homebrew cask names for popular Electron apps and are now displaying the installation command (for macOS visitors) on every app page that has a cask:

针对你的平台定制的安装选项：macOS、Windows、Linux

要查看所有具有 Homebrew Cask 名称的应用，请访问 electronjs.org/apps?q=homebrew。如果你知道其他我们尚未收录的 Cask 应用，请添加它们！

🌐 To view all the apps that have homebrew cask names, visit electronjs.org/apps?q=homebrew. If you know of other apps with casks that we haven't indexed yet, please add them!

🌐 一个新字段​

🌐 🌐 A New Domain

我们已将网站从 electron.atom.io 迁移到新的域名：electronjs.org。

🌐 We've moved the site from electron.atom.io to a new domain: electronjs.org.

Electron 项目诞生于 Atom 内部，Atom 是 GitHub 基于 web 技术构建的开源文本编辑器。Electron 最初被称为 atom-shell。Atom 是第一个使用它的应用，但人们很快就意识到，这个神奇的 Chromium + Node 运行时可以用于各种不同的应用。当像微软和 Slack 这样的公司开始使用 atom-shell 时，很明显这个项目需要一个新的名字。

🌐 The Electron project was born inside Atom, GitHub's open-source text editor built on web technologies. Electron was originally called atom-shell. Atom was the first app to use it, but it didn't take long for folks to realize that this magical Chromium + Node runtime could be used for all kinds of different applications. When companies like Microsoft and Slack started to make use of atom-shell, it became clear that the project needed a new name.

于是，“Electron”诞生了。在2016年初，GitHub组建了一个新的团队，专门专注于Electron的开发和维护，独立于Atom。在此之后，Electron被成千上万的应用开发者采用，如今许多大型公司也依赖它，其中许多公司还有自己的Electron团队。

🌐 And so "Electron" was born. In early 2016, GitHub assembled a new team to focus specifically on Electron development and maintenance, apart from Atom. In the time since, Electron has been adopted by thousands of app developers, and is now depended on by many large companies, many of which have Electron teams of their own.

支持 GitHub 的 Electron 项目，比如 Atom 和 GitHub Desktop，仍然是我们团队的优先事项，但通过迁移到一个新的域名，我们希望能够帮助澄清 Atom 和 Electron 之间的技术区别。

🌐 Supporting GitHub's Electron projects like Atom and GitHub Desktop is still a priority for our team, but by moving to a new domain we hope to help clarify the technical distinction between Atom and Electron.

🐢🚀 Node.js 无处不在​

🌐 🐢🚀 Node.js Everywhere

之前的 Electron 网站是使用流行的基于 Ruby 的静态网站生成器 Jekyll 构建的。Jekyll 是构建静态网站的绝佳工具，但网站已经开始超出它的能力范围。我们希望拥有更多动态功能，例如正确的重定向和动态内容渲染，因此 Node.js 服务器成为显而易见的选择。

🌐 The previous Electron website was built with Jekyll, the popular Ruby-based static site generator. Jekyll is a great tool for building static websites, but the website had started to outgrow it. We wanted more dynamic capabilities like proper redirects and dynamic content rendering, so a Node.js server was the obvious choice.

Electron生态系统包含使用多种不同编程语言编写组件的项目，从Python到C++再到Bash。但JavaScript是Electron的基础语言，也是我们社区中使用最广泛的语言。

🌐 The Electron ecosystem includes projects with components written in many different programming languages, from Python to C++ to Bash. But JavaScript is foundational to Electron, and it's the language used most in our community.

通过将网站从 Ruby 迁移到 Node.js，我们旨在降低希望为网站做出贡献的人的入门门槛。

🌐 By migrating the website from Ruby to Node.js, we aim to lower the barrier to entry for people wishing to contribute to the website.

⚡️ 更轻松的开源参与​

🌐 ⚡️ Easier Open-Source Participation

如果你的系统上已经安装了 Node.js（8 或更高版本）和 git，你可以轻松地在本地运行该网站：

🌐 If you've got Node.js (8 or higher) and git installed on your system, you can easily get the site running locally:

git clone https://github.com/electron/electronjs.org
cd electronjs.org
npm install
npm run dev

新网站托管在 Heroku 上。我们使用部署流水线和Review Apps功能，该功能会为每个拉取请求自动创建一个正在运行的应用副本。这使得审查者可以轻松查看拉取请求对网站实时副本的实际影响。

🌐 The new website is hosted on Heroku. We use deployment pipelines and the Review Apps feature, which automatically creates a running copy of the app for every pull request. This makes it easy for reviewers to view the actual effects of a pull request on a live copy of the site.

🙏 感谢所有贡献者​

🌐 🙏 Thanks to Contributors

我们想向世界各地所有贡献了时间和精力帮助改进 Electron 的朋友们表示特别感谢。开源社区的热情在 Electron 的成功中起到了不可估量的作用。谢谢大家！

🌐 We'd like to give special thanks to all the folks around the world who have contributed their own time and energy to help improve Electron. The passion of the open-source community has helped immeasurably in making Electron a success. Thank you!

Thumbs up!