产品特色

集成了i18翻译

程序内置了i18翻译,具体用法见i18文档

自动匹配浏览器语言

网站默认语言将自动匹配浏览器的语言。

用户手动切换语言后,将记住用户的选择。

相关代码: github.com/i18n-site/18x/src/lang.coffee

移动端适配

在手机端同样有完美的阅读体验。

前端高可用

i18n.site默认会发布站点内容到npmjs.com,借助 jsdelivr.comunpkg.com 等多个CDN加载在npm上的内容。

在此基础上,添加了中国大陆的镜像源,让中国用户也能稳定访问,实现了前端高可用

原理是:借助 service worker 拦截请求,请求失败在其他CDN上重试,并自适应地启用响应最快的源站作为默认加载源。

相关代码: github.com/18x/serviceWorker

单页应用,极速加载

网站采用了单页应用的架构,切换页面时无刷新,极速加载。

为阅读体验而优化

精心设计的样式

简约之美,在本站网页设计中得到了完美的诠释。 它摒弃了多余的装饰,以最纯粹的形式呈现内容。 就像一首优美的诗,虽短小,却触动人心。

── I18N.SITE 作者

➔ 点此查看样式一览

多语言RSS订阅

上图为使用 inoreader.com 订阅i18n.site的多语言RSS

加载在线字体,支持中文

网页默认启用了 阿里妈妈双轴可变方圆体MiSans 等在线字体,统一不同平台用户的阅读体验。

同时,为了提高加载速度,按字频统计对字体进行了切片。

相关代码: github.com/i18n-site/font

顶部导航自动隐藏

向下滚动,顶部导航会自动隐藏。

向上滚动,隐藏的导航会再次显示。

当鼠标不移动时,会淡出。

导航栏右上角更有全屏按钮,打造沉浸式的文档阅读体验。

大纲同步高亮当前章节

当年滚动右侧内容时,左侧大纲会同步地高亮当前阅读章节。

酷炫细节

鼠标特效

把鼠标悬浮到顶部导航右侧的按钮上,可以看到酷炫特效。

404的小幽灵

404页面有一只可爱悬浮小幽灵,眼睛会随着鼠标移动,➔ 点此查看

代码开源

代码开源,如有兴趣参与开发,欢迎在 邮件列表 自我介绍。

有不少重要不紧急的小需求,开发团队将根据您所擅长的技术来分派练手任务,并分派需求的同时完善开发文档。