开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

docusaurus关于docusaurus到多语言的侧边栏

Docusaurus是一个开源的静态网站生成器，它可以帮助开发者快速构建漂亮且易于维护的文档网站。它使用React和Markdown来创建网站内容，并提供了一套易于定制的主题和插件系统。

关于Docusaurus到多语言的侧边栏，Docusaurus提供了多语言支持的功能，可以轻松地为你的文档网站添加多种语言的内容。在多语言网站中，侧边栏是一个重要的导航工具，可以帮助用户快速浏览和切换不同语言版本的文档。

为了实现Docusaurus的多语言侧边栏，你需要进行以下步骤：

配置多语言支持：在Docusaurus的配置文件中，你可以指定支持的语言列表，并为每种语言配置相应的翻译文件。翻译文件是一个JSON对象，包含了每个页面的翻译信息。
创建多语言的侧边栏：在Docusaurus的主题配置文件中，你可以为每种语言配置不同的侧边栏内容。侧边栏内容是一个嵌套的JSON对象，用于定义文档的结构和层级。
链接不同语言版本的页面：在每个页面的头部，你可以添加一个语言切换的下拉菜单，让用户可以方便地切换到其他语言版本的页面。你可以使用Docusaurus提供的内置组件或自定义组件来实现这个功能。

Docusaurus的多语言支持和侧边栏功能使得构建多语言文档网站变得简单而高效。无论是为开发者提供多语言的API文档，还是为用户提供多语言的产品文档，Docusaurus都是一个强大的工具。

推荐的腾讯云相关产品：腾讯云对象存储（COS），它是一种高可用、高可靠、低成本的云端存储服务，适用于各种场景下的数据存储和处理需求。你可以使用腾讯云COS来存储和管理Docusaurus生成的静态网站文件。

腾讯云COS产品介绍链接地址：https://cloud.tencent.com/product/cos

相关搜索:Docusaurus 2中的自定义搜索栏 Docusaurus如何确定侧边栏中标题的顺序？如何从一个非常大的geojson数组中只添加前50个列表项到侧边栏，而不是全部如何从侧边栏链接导航到同一页面上的新bootstap4选项卡？如何在docusaurus中更改边栏的宽度如何在swift中导航到侧边栏中的不同视图？将checkboxgroups左对齐到闪亮侧边栏中的单个列将按钮点击的值从google脚本文件传递到侧边栏 xml dom4j xcodeproj

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

为什么选择Docusaurus构建API文档？

本文将深入探讨为什么选择Docusaurus构建您的文档站点是一个好的选择。 Docusaurus是什么？...Docusaurus是由Facebook开发的，最初是为React Native文档而创建的。现在，Docusaurus已经成为开发者在创建和维护文档站点时的首选工具之一。...Docusaurus是一个基于React和Node.js构建的开源工具，旨在帮助开发人员快速构建易于管理和维护的文档站点。 Docusaurus的优势之一是它的易用性。...此外，Docusaurus还支持多语言站点，可以满足不同语言用户的需求。为什么选择Docusaurus？...最后，Docusaurus的组件化方法使得开发人员可以轻松地添加交互式组件和动态内容到文档站点中。

6562 0

几款开源文档生成框架工具

在前端开发中，有一些流行的UI文档框架可供选择。这些框架可以帮助开发人员创建和维护易于理解和使用的UI文档，以便团队成员和利益相关者可以更好地理解和合作开发项目。...以下是一些常见的前端UI文档框架：docsifydocsify是一个基于JavaScript 的文档生成器，它可以帮助你快速构建漂亮、响应式的文档网站。...Docusaurus 集成了 Markdown、React 和一些自定义配置选项，可以帮助开发人员快速创建漂亮的文档网站。...图片https://docusaurus.io/#vitepress可以说是vuepress升级版Vite & Vue Powered Static Site Generator Simple, powerful...它支持 Markdown 和 Vue 组件，并提供了一些功能，如自动生成导航、侧边栏和搜索功能。

3K5 1

静态网站生成器推荐：构建高性能网站的利器

这些开源项目都是优秀的静态网页构建工具，适合各种需求和技术栈。它们提供了简单易上手、可定制化、多语言支持等关键功能，并且具有快速构建、自动优化前端性能、SEO 友好等特点。...facebook/docusaurus[1] Stars: 46.0k License: MIT Docusaurus 是一个用于轻松构建、部署和维护开源项目网站的工具。...简单易上手：Docusaurus 的设计目标是让用户能够在最短时间内快速搭建起自己的网站，它处理了大部分网站构建过程，使您可以专注于项目本身。...可本地化：Docusaurus 支持通过 CrowdIn 进行多语言支持。通过将文档进行翻译，您可以扩展并发展国际社区。...只需几分钟即可完成整个建立过程；由于 Pubii 是一个桌面应用程序，在没有网络连接时仍然可以离线创建更新修改你想要展示到互联网中的信息。

5022 0

使用docusaurus快速搭建静态博客站点

--truncate--> 第一步：创建一个Docusaurus项目在当前目录下创建一个名为website-demo的项目，website-demo可以改成任意值。...第二步：修改docusaurus.config.js 修改后的docusaurus.config.js文件内容如下： // @ts-check // Note: type annotations allow...--truncate--> 这是博客内容被---包起来的内容定义的是元信息，其中：title是博客标题，description是描述，slug是将要在浏览器地址栏中显示的和博客一一对应的url路径。...├── markdown-page ├── mdx-blog-post ├── rss.xml ├── sitemap.xml ├── tags └── welcome 现在只需要把这些静态文件部署到web...服务器即可，如nginx,apache2等，可以发布到github pages。

1.2K7 0

博客生成静态站点工具 Top 20

你可以查看它的 GitHub和官网了解更多。 6.Docusaurus star 数 42K+。 Docusaurus 是一个有趣的开源静态网站生成工具，为搭建文档类网站量身定制。...需要注意的是，自 2021 年，官方已停止 GitBook CLI 的更新和维护，将经历投入到 gitbook.com 平台的建设和维护。你可以查看它的 GitHub和官网了解更多。...VuePress 还提供了内置的搜索、导航、侧边栏等功能，可以帮助用户快速浏览和搜索网站内容。你可以查看它的 GitHub和官网了解更多。 11.Mkdocs star 数 16K+。...支持多语言：Pelican 支持多语言网站生成，您可以使用不同的语言编写网站内容。 Pelican 可以用于个人博客、文档网站、静态网站等多种用途。...以上开源工具的 star 数截至 2023 年 3 月，随着时间地推移，未来先后排名可能会发生变化。由于个人了解到的可能存在偏颇和遗漏，本文给出的排名仅供参考。 ----

3.2K2 1

打造个人IP: 开源项目网站构建框架

这个免费指南是关于初学者的博客，并将教你如何成为一个博主只有最基本的计算机技能。因此，无论您是8岁还是88岁，都可以在不到20分钟的时间内创建自己的博客。...博客构建框架的选择 WordPress 官方地址: https://cn.wordpress.org/ 背书: 33%的互联网都在使用WordPress，小到兴趣博客，大到新闻网站。...曾经构建过博客的人都听说过大名鼎鼎的WordPress。美观设计、强大功能与自由建立任何您所想的。33%的互联网都在使用WordPress，小到兴趣博客，大到新闻网站。...我的博客修改自该主题：hexo-theme-Next Docusaurus 官方地址: https://docusaurus.io/ 背书: 撰写文章此时github星数: 11815 Docusaurus...适合于开源项目的官方网站这类的需求，有很多开源项目都使用Docusaurus或者借鉴于Docusaurus对自己的开源官网上做了一些自定义的设置。

1.5K4 0

Docusaurus2 快速建站，发布 GitHub Pages

Docusaurus2 可快速搭建文档、博客、官网等网站，并发布到 GitHub Pages, Serverless 等。...另外重要的一点是此项目是 Facebook 开源维护的，他们自己也在用，所以质量、长久性能有所保证。...代码：https://github.com/ikuokuo/start-docusaurus2 演示：https://ikuokuo.github.io/start-docusaurus2/ ?...发布到 GitHub Pages 修改 docusaurus.config.js ： module.exports = { title: 'My Site', tagline: 'The tagline...发布到 Serverless 阿里云函数计算腾讯云 Serverless

1.3K1 0

使用react+docusaurus快速搭建一个博客网站

快速搭建一个react个人静态博客网站，并使用vercel免费部署发布到线上# 首先看下成果图：本篇你将您学到： 1 如何快速搭建一个自己的博客网站，可以在这个网站里面上传自己的博客、撰写自己的文档...； 2 通过github、vercel 自动化部署一个前端项目到线上，免费的。...关于docusaurus的讲解，可以看峰华的视频，有讲解，本篇不再赘述。...本网站ip地址： https://zhangqiang.vercel.app/ 1 拉取github源码到本地，然后运行# 此处可以选择峰华的源码，也可以选择我的这个仓库的源码，我这个仓库源码是改完之后的...2 修改页眉页脚、首页# b站视频10:00’往后； 3 上传自己的博客（blog）# b站视频16:40‘往后； 4 上传自己的文档（doc）# b站视频27:35秒往后； 5 将前端网站部署发布到线上

1.9K2 0

Docute超简单的文档构建工具

1、前言在我们日常的开发和学习中，我们可能会进行在线文档的写作，为了能够让我们的文档公开给大家查阅，我们可能需要将其发布到公网。...这个时候，我们会有很多的文档软件选项，比如GitBook、Docsify、MdBook、Docusaurus2、MkDocs等等。...link: '/' }, { title: 'MyBlog', link: 'https://www.u1s1.vip' } ], // 侧边栏配置...目前的最新版本存在一个BUG，就是下拉菜单的位置有错位。等待后续修复。 2.3、顶部导航栏配置在Docute中，顶部导航栏配置是nav配置块。我们可以在nav中添加顶部菜单，下拉菜单等。...> 这是引用 ### 安装 1 xx ### 安装 2 xxx ## 安装完成 xxx 启动预览，查看侧边导航栏效果：如上，Docute和大多数的文档系统一样，是将##作为标题1来渲染的

1.6K2 0

一种离谱到极致的页面侧边栏效果探究

我们大概都知道的是：HTML渲染过程中有一个可能执行的、影响页面性能的“回流”和“重绘”的过程。...导致这个过程被触发的原因有很多：元素位置移动、大小改变、增删节点以及这里要说的display显示与隐藏切换等等。而元素的变动需要页面快速的显示出来，所以在我们看来是“突兀”的。...>千万小心像对a设置全局样式（这叫啥样式重置）到指定地点...function(){ box.style.marginLeft="0"; mask.style.cssText+="opacity: 0;pointer-events: none;" } 最后，考虑到移动端页面展示的一些问题...如果你想要用户在移动端依然只能够通过点击弹出侧边栏，在这里我们可以在css中加上限制 —— 设置上方功能只有在PC端生效： @media (any-hover: none) { .page_list{

5842 0

第二个博客搭建之Docusaurus

第一眼看到该站点的时候惊艳到我了，于是也想着搭建一个，作为个人站点使用。不过国内 docusaurus 的使用者是真的少。Vuepress 都快烂大街了......关于主题魔改可以看 Docusaurus 主题魔改安装下载代码，根据相应命令运行即可，在本地运行还是相对比较容易的。修改了下个人信息，然后将之前的博客文章迁移过来即可。...额外功能页面归档页网址导航评论相关文章: Docusaurus 配置 Gitalk 评论插件项目部署由于我是有个人的域名和服务器，所以之前部署项目都是直接将编译后的文件直接上传至服务器上...，但欣赏的是内容的，而不是背景。...而且又是基于 Docusaurus，到时候是用来做一个项目的文档也方便许多。还是要感谢下所开源的代码，同时 B 站视频教程也非常好，让我学到了一些前沿的前端技术。

3622 0

微搭发布的应用配置到企业微信的侧边栏

微搭可以发布模型应用，自动生成增删改查的页面。企业中的运营岗，日常需要和外部客户进行大量的沟通，我们可以借助微搭的自定义能力，将企业的常见信息如联系人、合同、跟进记录等进行线上的记录和管理。...本文就介绍一下如何将微搭的应用添加到企业微信的侧边栏里。...我们在企业微信的聊天窗口，点击侧边栏图标 [在这里插入图片描述] 刚开始我发现没有这个图标，需要自主添加一个应用，点击工作台，添加一个第三方应用 [在这里插入图片描述] 添加之后在聊天窗口就会出现侧边栏的图标...，在侧边栏窗口点击自定义 [在这里插入图片描述] 弹出的窗口点击添加页面 [在这里插入图片描述] 应用的话选择微搭低代码 [在这里插入图片描述] 我们可以在左侧进行应用的切换 [在这里插入图片描述] 选择你需要的模块...，点击添加到工具栏 [在这里插入图片描述] 输入页面的名称 [在这里插入图片描述] 这样我们就可以通过关键字直接打开微搭的页面了 [在这里插入图片描述]

1.1K0 0

Linux在线搭建自己的文档网站

1. teedoc 简介一款用 Python 写的文档网站生成工具，支持从 Markdown 或者 jupyter notebook 转换成 HTML，支持多文档，多语言，支持自定义页面等功能效果和文档...HTML 网页像其他工具也有read the docs, docusaurus，docsify，gitbook等等 teedoc使用了 Python 作为开发语言，足够简单易用，要做自定义也很简单...特性使用简单，跨平台，只依赖 Python3 部署简单，生成的网站是全静态页面，直接拷贝到服务器或者上传到三方机构即可部署书写简单，使用 Markdown 语法编写 Jupyter notebook...支持多文档支持插件支持多主题支持（由插件实现）多级目录支持 多语言支持（手动翻译）(国际化/i18n) 多语言支持（自动翻译）多版本支持（实现方法同多语言）搜索支持 SEO 友好实时预览更改...安装安装之前需要python3的环境，如果没有的同学可以看此文章 Linux在线安装python3_余生大大的博客-CSDN博客1.

4.4K5 0

2018年1月份最热门的JavaScript开源项目

https://github.com/facebook/Docusaurus Star 6001 ?...Docusaurus 是 Facebook 专门为开源项目开发者提供的一款易于维护的静态网站创建工具，使用 Markdown 即可更新网站。...● 启动简单：Docusaurus的构建可以在很短的时间内启动和运行。Docusaurus已经构建了处理网站的过程，开发人员只需专注于项目。...● 本地化： Docusaurus 通过CrowdIn 提供本地化支持。通过翻译文档增强国际社区的地位。...RPC 实现到应用中，支持同步或者异步地 Worker 函数调用，并且能够顺滑支持 async/await。

2K8 0

腾讯云 Serverless 使用，及部署 Docusaurus

Yes Serverless: 请选择你希望创建的 Serverless 应用 vue-starter - 快速部署一个 Vue.js 基础应用 Serverless: 请输入项目名称 demo Serverless...Serverless: 是否希望立即将该项目部署到云端？Yes Please scan QR code login from wechat. Wait login......cos.ap-guangzhou.myqcloud.com/** vue-starter › Info successfully loaded 开发调试 sls dev 移除项目 sls remove 部署 Docusaurus...创建应用 npx @docusaurus/init@next init my-site classic 运行： cd my-site yarn start 部署应用 cd my-site touch

1.2K3 0

记一次Github提交PR过程

故事起因博客正准备写一个项目展示的功能，其中 Docusaurus 中的案例展示就很适合改写成项目展示页面，然后无意间刷到我当时搭建博客所参考的博主峰华的博客也在展示页面。...审核人批准了我这两项修改，然后等待系统审核，具体审核的图我当时没截，现在没显示了，把已提交后的代码重新部署到 preview(预览)下，整个过程大约 5 分钟这样，接着审核人对我回复了一句 Great...然后我犹豫了几分钟，不知道该怎么回复了，加上我英文表达不行，所以我原本中文是谢谢,希望 Docusaurus 做的更好,一起努力用软件翻译后 Thank you, Hope Docusaurus can...很难想象的到一位高中生竟能为默默的为开源项目做出贡献，而我的这次 PR 能提交成功，也与这位热心的国内学生有很大关系。...最后也祝 Docusaurus 能越做越好，也感谢这些默默为开源做出贡献的人们，正因为有你们世界才会变得更好。

4911 0

前端食堂技术周刊第 57 期：Turbopack、Next.js13、Chrome107、Vite3.2、图解 TLS 1.3

营销归营销，还是等 Turbopack 的插件架构造出来吧，一个好的架构远远比用什么语言更重要，而且还要考虑到对已有生态系统的支持，前方的路还很长。...其他信息 Node v18.12.0 (LTS)[21] ESLint v8.26.0[22] Storybook 的新网站[23] AI 绘画资料合集[24] Docusaurus 2.2[25] 好文推荐...，Umi、Dva 等库作者 DEX 周刊[30]：关于产品、设计、前端、软件等内容的精华资讯邮件列表周刊赞助整理周刊要花费大量的精力和时间，如果你想赞助食堂，可以订阅本周刊的竹白专栏付费版，食堂给你准备了专属的会员通讯...blog/new-website-for-storybook/ [24] AI 绘画资料合集: https://github.com/hua1995116/awesome-ai-painting [25] Docusaurus...2.2: https://docusaurus.io/blog/releases/2.2 [26] 在 Next.js 中构建一个交互式的 WebGL 体验: https://vercel.com/blog

9662 0

文档如何自动化部署到线上环境「每个前端都可以拥有自己的博客」

现在有很多开源的项目可以做博客，比如基于Vue.js开发的Vuepress以及同一家的Vitepress，还有基于React.js开发的Docusaurus。...https://vuepress.vuejs.org/zh/config/ 其次，需要重点说明的是我这里/和/zh是提供了多语言支持配置路径，可以通过官方文档的多语言支持选项进行配置。...打包后，默认会打包到dist文件夹中，你可以把文件夹中的内容放到线上网站上去，如果没有网站，也没有关系。本篇文章就是让每个前端都拥有一个属于自己的博客线上网站。...cat id_rsa.pub 下面，我们就要打开Github，点击右上角个人头像下拉菜单中的Settings选项，然后点击左边栏的SSH and GPG keys选项。...然后，打开GitHub远程仓库，点击项目仓库Tab栏上的Settings选项，然后点击Pages选项。

4483 0

JavaScript 前端头条二月周刊（第1周）

大家好，应粉丝要求和建议，基于网络资源我整理了一份本周 JavaScript 前端界相关的头条内容，希望大家也能了解到前端界的最新动态，在前端界与时俱进。...Abramov 写了一篇关于 Create React App 状态的广泛文章，一条向前推进的路线，以及他如何看待 React 作为一个库在框架生态系统中的工作。...（github.com/DevExpress/testcafe/releases/tag/v2.3.0） Docusaurus 2.3：流行的文档站点生成器。...（github.com/facebook/docusaurus） Jotai 2.0：Jotai 从简单的 useState 替代品扩展到企业 TypeScript 应用程序。...github.com/horprogs/Just-validate 六、结束今天的内容就分享到这里，感谢你的阅读，整理翻译不易，你的支持将是我分享最大的动力，后续我会持续输出更多内容，敬请期待。

2.4K1 0

GitHub 热点速览 Vol.18：刷 LeetCode 的正确姿势

Java 不是一个 Java 入门到精通的项目，而是用 Java 实现所有算法的项目，虽然某些实现方式不如 Java 标准库高效，如果你在学习算法或者打算刷 LeetCode，不妨看看这个项目。...GitHub 地址→https://github.com/londonappbrewery/Flutter-Course-Resources 2.7 建站萌新福利：Docusaurus 本周 star...增长数：200+ Docusaurus 是 Faecbook 专门为开源项目开发者提供的一款易于维护的静态网站创建工具，使用 Markdown 即可更新网站。...GitHub 地址→https://github.com/facebook/docusaurus 3....有什么方式能比图解、动画更直观了解到整个运行过程的呢？LeetCodeAnimation 用动画的形式呈现解 LeetCode 题目的思路，尤其适合新手刷题使用。

7892 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭