docusaurus国际化坑

发表于2023-09-24|更新于2026-02-24

|浏览量:

你不教训儿子，生活就一定会来教训他。——佚名

今天做apache-streampark文档国际化时踩到一个坑，其使用的框架docusaurus它支持多版本的管理，所以需要套一层current目录标识版本号

对应的pr：

https://github.com/apache/incubator-streampark-website/pull/256

就是将i18n/zh-CN/docusaurus-plugin-content-docs-community/移动到

i18n/zh-CN/docusaurus-plugin-content-docs-community/current/

加了一层current目录即可正确匹配上了

之前的效果：

现在：

相关推荐

死非生的对立面，而作为生的一部分永存。——《挪威的森林》 ✨😂 2000 多种方法为您的产品增添设计风格、用户满意度和奇思妙想。 https://github.com/swyxio/spark-joy/ 为您的产品添加设计风格、用户满意度和奇思妙想的简单方法！ Spark Joy 理念在我的书中有更详细的解释（https://learninpublic.org/），如果您想探索这种方法如何应用于设计实用程序之外的其他领域，请查看它。目录 [4 分钟网页设计](#4 分钟网页设计) CSS/UI 模板严肃的 CSS 框架插入 CSS 框架有趣的 CSS 框架无框架 CSS 重置 CSS A11y 跳棋 Tailwind 组件库 React 组件库布局堆叠和高程二维间距响应式布局断点布局出血其他布局工具和技巧版式字体行高线宽字距调整和字符间距字体大小版式讲座其他版式资源颜色调色板生成器颜色渐变色彩理论数据可视化的色彩理论背景背景渐变和图案背景插图背景 SVG 纹理杂项...

vue scroll事件失效

那些听不见音乐的人认为那些跳舞的人疯了。——尼采。这个坑，我遇到的时候，百度要么告诉我加高度，要么告诉我用document或者ref去获取节点可我只想用@scroll事件，于是我在到处加@scroll，在组件上加@scroll.native，在组件里的div上加，在slot中加，然后又给它们挨个加高度，没一个好使，搞的我很头大后面我突然发现，我给加的，好像并不是实际滚动的地方，那我明白了，首先我给引用组件放入slot中的div指定了样式： 1234.allow-scroll { height: 80vh; overflow-y: scroll;} 然后再给它绑定事件@scroll，此处如果该div下的元素高度超出了80vh，则会触发事件。。。这坑踩的，就离谱

兴趣是最好的老师，其次是耻辱——胖子邓 ARIA16技术：使用aria-label增强Web可访问性在现代Web开发中，可访问性（Accessibility）是提升用户体验的关键因素之一。尤其对于视障用户来说，屏幕阅读器依赖准确的页面结构和标签描述来解释内容。ARIA16是一种有效的技术，使用aria-label属性为无可见文本的元素提供描述性标签，从而增强Web的可访问性。什么是ARIA16？ARIA16是W3C推荐的一项技术，旨在通过aria-label属性为交互式元素提供可访问性支持。aria-label允许开发者为没有可见文本的元素定义可读的描述信息，供屏幕阅读器使用。使用场景图标按钮：为只有图标的按钮添加描述性标签。装饰性元素：为装饰性但可交互的元素提供语义化说明。复杂控件：为动态生成或没有内嵌文本的控件提供可读内容。如何使用ARIA16？实现ARIA16非常简单，只需在相关元素上添加aria-label属性并提供适当的描述文本。示例代码以下是一个使用aria-label的图标按钮示例： 123456<button aria-label=&q...

忘记了它而微笑，远胜于记住它而愁苦。——罗西塔 Nuxt.js：构建现代 Web 应用的强大框架Nuxt.js 是一个基于 Vue.js 的开源框架，旨在简化开发现代 Web 应用的工作流程。无论是服务端渲染 (SSR)、静态网站生成 (SSG)，还是单页应用 (SPA)，Nuxt.js 都提供了一套强大而灵活的解决方案。背景与简介Nuxt.js 起源于 2016 年，由 Sebastien Chopin 和 Alexandre Chopin 创立。它的初衷是为 Vue.js 应用提供一套开箱即用的工具链，帮助开发者快速构建高性能、SEO 优化以及用户体验卓越的 Web 应用。今天，Nuxt.js 已发展成为 Vue.js 生态中不可或缺的一部分，被广泛用于企业级和开源项目中。核心特点1. 服务端渲染 (SSR)Nuxt.js 提供了简单且高效的服务端渲染功能。这不仅提升了应用的加载速度，还显著优化了 SEO 表现。 2. 静态站点生成 (SSG)通过 Nuxt.js 的 nuxt generate 功能，你可以轻松生成静态 HTML 文件，从而创建完全静态化的网站...

变量解构赋值

既然有时间在最后壮烈牺牲，不如完美地活到最后一刻——坂田银时/银魂前两天有朋友问我，这个写法看不懂，让我给他讲讲它这里用到了一个ES6的新特性：解构赋值这里简单复现一下 123456789var param = { columns: { property: "我是property" }, data: ["我是", "data", "数组"]}var {columns,data} = paramconsole.log(columns)console.log(data) 输出结果可以看到我们这里使用 1var {columns,data} = param 去拿到了param里的变量columns和data 这里注意一点，如果我们使用的名字不同的话，是无法取得里面的属性的例如 123456789var param = { columns: { property: "...

心平气和则能言——朱熹 https://github.com/FEMessage/log-viewer 分享一个前端日志库其提供了中文文档 https://github.com/FEMessage/log-viewer/blob/dev/README-zh.md

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中