Blog url: https://walrus.net.cn image_url: img/walrus.jpgundefined Docusaurus是一种静态站点生成器。...--truncate--> 第一步：创建一个Docusaurus项目 在当前目录下创建一个名为website-demo的项目，website-demo可以改成任意值。...presets: [ [ '@docusaurus/preset-classic', { docs: false, // Optional: disable.../blog目录中已经存在一些文件，它们是官方给出的模板，可以看看了解博客md的书写格式，后面如果不需要这些文件，可以把它们全部删除。 在..../blog目录创建一个md文件，因为今天是2022年4月16日，所以将文件命名为2022-04-16-my-first-blog.md。
my-docsvuepress dev在 docs 文件夹中的 Markdown 文件可以包含 Vue 组件和自定义的 Vue 代码。...Docusaurus1. 简介 Docusaurus 是 Facebook开发的静态站点生成器，主要用于构建开源项目的文档网站。2....在开发环境中，你可以在你的VuePress项目中直接链接到这个插件目录。...大多数情况下，你可以通过配置现有的插件或主题来达到目的。自定义Docusaurus主题尽管直接修改现有主题的JavaScript和CSS文件也是一种方式，但推荐的做法是继承现有主题并覆盖所需部分。...而Docusaurus则通过配置优先的方式，简化了文档站点的搭建过程，更适合快速启动和维护大型文档项目。选择合适的工具和方法，能够有效提升文档开发的效率和最终用户体验。
Docusaurus是一个文档框架，它的页面和目录都是JavaScript实时渲染的。...你把这个js文件下载下来，用正则表达式从里面把所有URL所在的JSON字符串提取出来，就能拿到文档目录页的所有URL。 不过有兴趣的同学可以再试一试这个网站：Uniswap Docs[2]。...对于Docusaurus[3]，我们只需要在它的域名后面加上/sitemap.xml，然后搜索关键词/docs/，就可以找到所有的文档URL，如下图所示： 由于Docusaurus是一个用来生成文档的框架...，所以理论上所有使用Docusaurus生成的文档，都可以通过这个方法获得所有文档页面的URL。...参考链接 [1] Docusaurus: https://docusaurus.io/docs [2] Uniswap Docs: https://docs.uniswap.org/concepts/governance
（比如docs目录这种），是当做一个monorepo package来维护，如图 需要解决问题 因为我们把文档做成一个monorepo 子包来维护了，所以对应的产物也在包内； 常规的Github Page...只能读取工程根目录或者根目录下的docs文件夹，此时就没法直接通用了，如下图所示； 翻了翻【docusaurus deployment】官方的部署文档的指南，发现并没有针对monorepo的指导；...但是办法总比困难多，知道了Github Page的部署机制，其实就有法子绕过去了； gh-pages: 是github官方默认推荐的静态站点存放分支 文档入口默认读取根目录 结合这两点，我们可以利用Github...写一个Github Action的工作流 监听分支【一般是主干线，不过也可以自己喜好，这边采用docs】 一般更为合理的是标签（git tag）或者主干线 设置pnpm及node的版本 安装依赖 打包文档工程...推送到远端并部署 docusaurus 部署配置（用于Github Page正确识别） 设置Github 组织名（个人就用户名，组织就组织名） 设置url 和baseUrl 前者是部署域（github
新版博客用docusaurus重构已经有些日子了，根据docusaurus的文档上也申请了Algolia,想一劳永逸的解决博客的搜索问题。但是流水有意，落花无情。...还好，我看到它还有一种手动上传的办法，笨是笨了点，总比没有的好。那就开始吧。...selectors是用于创建记录层次结构的所有 CSS 选择器。其中text是强制，必须要有的。...运行爬虫脚本 现在可以运行爬虫脚本了，这里有两个选择，一是跑docker，方便快捷。二是从源代码运行，这个就比较麻烦了。...但是在docusaurus V3版本中已经发生了变化。
新版博客用docusaurus重构已经有些日子了，根据docusaurus的文档上也申请了Algolia,想一劳永逸的解决博客的搜索问题。但是流水有意，落花无情。...还好，我看到它还有一种手动上传的办法，笨是笨了点，总比没有的好。那就开始吧。...selectors是用于创建记录层次结构的所有 CSS 选择器。其中text是强制，必须要有的。...", "lvl2": ".docs h3", "lvl3": ".docs h4", "lvl4": ".docs h5", "text": ".docs p,...但是在docusaurus V3版本中已经发生了变化。
在本文中，我们将深入比较两款热门的开源API文档工具：VuePress和Docusaurus。 为什么选择API文档工具？ 在软件开发中，好的API文档对于开发人员、团队协作和项目的成功至关重要。...VuePress的优势 Vue.js支持：如果您熟悉Vue.js，VuePress将非常容易上手，您可以使用Vue组件来定制文档。...主题和插件：VuePress提供丰富的主题和插件，使您可以轻松自定义文档的外观和功能。 快速生成：由于是静态网站生成器，VuePress生成的文档非常快速，适用于快速查阅和搜索。...它被广泛用于开源项目和公司文档。 Docusaurus的优势 易于上手：Docusaurus提供了简单的配置和Markdown编写文档，适用于不同技能水平的开发者。...如果您喜欢美观的默认主题和简化的工作流程，Docusaurus可能是更好的选择。 社区支持：Docusaurus得到了Facebook的支持，具有强大的社区支持和贡献者，这可能是一种信任保证。
由一个核心模块和其它用于选择、操作、上传等功能的插件组成。...，分为日期、节点、功能模块等部分，你可以直接将文件的这些代码直接导入到你的的文本编辑器（VSCode，Atom，Sublime） 八、puppeteer https://github.com/GoogleChrome...● 启动简单 ：Docusaurus的构建可以在很短的时间内启动和运行。Docusaurus已经构建了处理网站的过程，开发人员只需专注于项目。...JavaScript 库，体积十分轻量，仅 1KB。...你不必学习一种新的语言。 ● 自定义标签：使用自定义标签构建复杂的用户界面。自定义标签是无状态的，易于调试。
为了帮助开发人员快速构建易于管理和维护的文档站点，Docusaurus应运而生。本文将深入探讨为什么选择Docusaurus构建您的文档站点是一个好的选择。 Docusaurus是什么？...它提供了一套现成的模板和主题，让开发者可以快速开始构建文档站点。另外，Docusaurus还提供了一个实时预览功能，让开发者可以在本地进行修改和调试，从而加快开发效率。...它使用React组件来构建页面，这意味着开发者可以轻松地自定义页面的外观和功能。此外，Docusaurus还支持多语言站点，可以满足不同语言用户的需求。 为什么选择Docusaurus？...最后，Docusaurus的组件化方法使得开发人员可以轻松地添加交互式组件和动态内容到文档站点中。...如果您正在寻找一种易于使用和可定制的文档站点生成器，那么Docusaurus是一个不错的选择。它的灵活性和丰富的功能使得它成为许多开发人员和组织的首选。
这个时候，我们会有很多的文档软件选项，比如GitBook、Docsify、MdBook、Docusaurus2、MkDocs等等。...相比Docsify，Docute功能简单，算是一个小清新的文档软件，和Docsify一样，Docute也是运行时渲染，不利于SEO，仅适合作为项目文档、教程文档来使用。...有序2 2.2、启动预览 在完成以上步骤后，我们就可以使用Python的http.server或者Caddy或者Nginx等服务器将Docute项目托管，然后在浏览器进行预览。...我们可以在sidebar中添加侧边导航目录，独立菜单，下拉菜单等。...-- Danger Note --> 危险提示 徽章 主要用于为一些特殊字符进行特殊标记。
操作步骤 1、创建评论仓库 首先需要 github 账号，创建一个仓库用于存放评论，由于我的博客是同步上传到github上，所以就无需新建仓库 2、开启 issues 功能 默认开启，可在 Settings...page） Authorization callback URL: 就是 github 权限验证的回调地址，一般默认就是域名 4、获取 Client ID 和 Client Secret 创建成功后，就可以获取到...，将代码封装成如下便可正常编译 }>{() => } 查看完整源码点我 Github Api GitHub Documentation 通过 github api 还可以获取 issues 列表 访问 https://api.github.com/repos...repos/kuizuo/blog/issues/24/timeline", "performed_via_github_app": null } ] 相关 api 文档 => github docs
teedoc.github.io/ 软件源码: https://github.com/neutree/teedoc （欢迎 star） 文档源文件: github.com/teedoc/teedoc.github.io 将...Markdown 或者 Jupyter Notebook 格式的文档转换为 HTML 网页 像其他工具也有read the docs, docusaurus，docsify，gitbook等等 teedoc...多语言支持（手动翻译）(国际化/i18n) 多语言支持（自动翻译） 多版本支持（实现方法同多语言） 搜索支持 SEO 友好 实时预览更改 多线程构建，更快的构建速度 博客支持 3....安装 安装之前需要python3的环境，如果没有的同学可以看此文章 Linux在线安装python3_余生大大的博客-CSDN博客1....下载python包2.1位移至opt目录cd /opt2.2 下载压缩包wget https://www.python.org/ftp/python/3.. https://blog.csdn.net/
facebook/docusaurus[1] Stars: 46.0k License: MIT Docusaurus 是一个用于轻松构建、部署和维护开源项目网站的工具。...简单易上手：Docusaurus 的设计目标是让用户能够在最短时间内快速搭建起自己的网站，它处理了大部分网站构建过程，使您可以专注于项目本身。...可本地化：Docusaurus 支持通过 CrowdIn 进行多语言支持。通过将文档进行翻译，您可以扩展并发展国际社区。...这些优势使得使用 React Static 来构建静态网站成为一种高效且愉悦的经历。...简单易用：通过将各种功能组合在一起，你可以轻松地创建自己想要的博客或网站。 可扩展性强：使用 Metalsmith 的插件系统，你可以根据需要添加、删除和定制不同的功能模块。
简而言之，博客是一种主要关注书面内容的网站，也称为博客文章。在流行文化中，我们经常听到新闻博客或名人博客网站，但正如您将在本指南中看到的那样，您可以创建一个关于任何可以想象的主题的成功博客。...关于它的最好的部分是博客是一种被动收入的形式，因为你可以每周花几个小时写博客文章，然后在写博客文章很久之后继续从中赚钱。 分享你的故事。博客可以让您发出声音并被倾听。...这是与对您感兴趣的人联系的好方法。博客允许您根据自己的经验教授这些人，并让您有机会向读者学习。 好消息是互联网正在迅速发展壮大。在线人数比以往任何时候都多。这种增长的爆炸意味着更多潜在的博客读者。...您创建的内容将永远在这里，一次又一次地提供价值，并一次又一次地为新读者提供价值。...在重复使用相同的页眉和页脚时，可以扩展Docusaurus。 本地化已 预先配置。使用Crowdin将您的文档翻译成70多种语言。 让您的社区轻松找到他们在文档中所需的内容。
前言 vuepress原始文件是markdown文件，生成的web页面时html，如果想保存为pdf有2类方法。...vuepress-plugin-export-pdf https://www.npmjs.com/package/@condorhero/vuepress-plugin-export-pdf 本地转换，速度快 导出的是整个站点docs...目录下所有的文章合并为一个pdf文件 样式比较乱，有些vuepress特有的语法不支持 #2. html转pdf 样式可以与网页显示一致 #mr-pdf推荐 支持docusaurus, vuepress
但学习曲线高（React）Docusaurus - Meta 公司出品。...Vite 的出现很好地解决了这些问题：近乎即时的服务器启动、仅编译所服务页面的按需编译以及闪电般快速的 HMR。 VuePress v1 在本质上是一个 Webpack 应用程序。...", "serve": "vitepress serve docs"}根目录创建 docs 目录，创建第一个 md 文件（网站首页的配置和内容），可以命令行活在文件中手动创建mkdir docsecho... '# Hello World' > docs/index.md启动项目npm run dev具体文档文件结构vite-plugin-react-pages其实也可以通过 https://github.com...例如，若是您计划将站点部署到https://foo.github.io/bar/，则应将base设置为“/bar/”（始终以斜杠开头和结尾）。
文章目录 1.Next.js 2.Hugo 3.Gatsby 4.Jekyll 5.Nuxt 6.Docusaurus 7.Hexo 8.GitBook CLI 9.Docsify 10.VuePress...博客生成电子书形式的静态站点成为一种流行的方式，这样做有以下一些好处： 方便离线阅读，用户可以将其下载到本地，方便离线阅读。 可以让博客内容更加系统，提升博客价值。...GitBook CLI 是一种用于创建、编辑和构建 GitBook 电子书的工具。通过 GitBook CLI，用户可以使用命令行界面创建新书、添加章节和页面、选择主题和插件，以及构建和发布书籍。...Eleventy 自称是 Jekyll 的替代品，旨在以更简单的方法来制作更快的静态网站。 你可以参照它的 GitHub和官网来了解更多的细节。 13.Pelican star 数 10K+。...Sphinx 是一个用于创建技术文档的工具，可以将文本文件（如reStructuredText、Markdown等）转换成HTML、PDF、EPUB等格式。
React团队成员发现：在此过程中对React的改造同样适用于其他开发者。于是以此为契机，于次年（13年）将React开源。...移动优先的探索 React可以作为开发者和浏览器之间的中间层，没理由不能作为开发者与原生应用之间的中间层。...究其原因，掌握React需要一种不同于大多数开发者在2013年习惯的编程方法。 彼时开发者的思维仍处在「命令式」开发，而React采用「声明式」开发。...，在20年5月，FB向Global Accessibility Awareness Day（全球无障碍意识日）承诺： 会为基于React Native开发的应用提供完善的「无障碍」支持 除此之外，FB将重心放在辅助社区生态建设方面...，比如： 开源jest[3]（测试框架） 开源docusaurus[4]（文档网站管理系统） 而业务开发必需的模块则交由社区自由探索。
distro docker：这个里边放的是将 flowable 构建成 docker 镜像的脚本。 docs：这个是文档。...在 docs/docusaurus/docs 目录下有官方已经构建好的现成的脚本，我们也可以执行 docs/userguide/src/zh_CN/form 等目录下的脚本文件，构建自己需要的文档。...数据库的一些配置信息，如下： 从这个配置中可以看出来三个核心信息： H2 数据库将来会自动生成数据库文件，文件位于系统当前用户目录下，在系统当前用户目录下会自动创建 flowable-db 文件夹，...点击 OK，我们就可以看到数据库的连接详情了，如下： 关于每张表的作用，松哥之前都已经写过文章和大家介绍过了，现在我们就去 ACT_ID_USER 表去看一下有没有刚刚创建的四个用户信息： 可以看到...修改完成之后，记得先去系统当前用户目录下删除掉 flowable-db 文件夹（如果不删除，则之前的用户还在，这次的配置相当于新添加了一个用户），然后重启系统即可，重启之后，我们就可以以 javaboy
现在有很多开源的项目可以做博客，比如基于Vue.js开发的Vuepress以及同一家的Vitepress，还有基于React.js开发的Docusaurus。...透露一下最近在搞得开源库Strve.js，它是一个可以将字符串转换为视图的JS库，换句话讲，也可以说是一款轻量的MVVM框架。...https://vuepress.vuejs.org/zh/guide/getting-started.html 一般搭建完成之后，会显示以下目录结构： . ├── docs │ ├── .vuepress...: 一个可以将字符串转换为视图的JS库 actionText: 快速上手 → actionLink: /zh/started/ features: - title: ⚡️ 快速地 details:...'/zh/': { lang: 'zh-CN', title: 'Strve.js', description: '一个可以将字符串转换为视图的
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
