您现在的位置是:首页 > 网站制作 > 推荐工具推荐工具

程序员专属,记录笔记、文档、知识库的专属伙伴!——docz 最美分享Coder 2019/08/25 10:38:45

胜于蓝2019-10-16【推荐工具】人已围观

简介今天要介绍的是一个在Github上标星16k+的程序员专属文档工具——docz,官网对其概念就一句话,记录东西从未如此简单!Github坐标https://github.com/pedronauck/docz相

今天要介绍的是一个在Github上标星16k+的程序员专属文档工具——docz,官网对其概念就一句话,记录东西从未如此简单!3Ng胜于蓝|优秀个人博客


程序员专属,记录笔记、文档、知识库的专属伙伴!——docz

Github坐标

https://github.com/pedronauck/docz3Ng胜于蓝|优秀个人博客

相关特性

  • 使用Gatsby构建
程序员专属,记录笔记、文档、知识库的专属伙伴!——docz

Docz自v2以来完全使用Gatsby构建,优化了闪电般的快速开发体验和构建时间,并拥有庞大的插件和工具生态系统。3Ng胜于蓝|优秀个人博客

  • 零配置
程序员专属,记录笔记、文档、知识库的专属伙伴!——docz

无需担心构建和运行文档的复杂配置设置。使用Docz,您只需一个命令即可初始化您的应用程序。3Ng胜于蓝|优秀个人博客

  • 易于定制
程序员专属,记录笔记、文档、知识库的专属伙伴!——docz

使用component shadowing,你可以轻松地为文档网站创建和修改主题3Ng胜于蓝|优秀个人博客

  • 基于MDX
程序员专属,记录笔记、文档、知识库的专属伙伴!——docz

MDX是Markdown + JSX,为Markdown带来了组件世界。MDX可以在Markdown样式的文件中导入和使用您的组件。Docz充分利用了这一点,并提供了许多内置组件,可以增强和加快文档工作流程。3Ng胜于蓝|优秀个人博客

  • 完全可插拔
程序员专属,记录笔记、文档、知识库的专属伙伴!——docz

插件一直是被允许的功能,灵活和优化应用程序的好方法。在Docz中,可以使用它们挂到Docz数据流并使用所有Gatsby插件来改进您的文档。3Ng胜于蓝|优秀个人博客

  • TypeScript支持
程序员专属,记录笔记、文档、知识库的专属伙伴!——docz

Docz为TSX组件和自定义类型提供完整的本机TypeScript支持。实际上,所有Docz包都是使用TypeScript构建的。有关更多信息,请查看API部分。3Ng胜于蓝|优秀个人博客

安装使用

1、安装依赖3Ng胜于蓝|优秀个人博客

$ yarn add docz@next react react-dom --dev

2、在你项目任何想创建的地方,创建MDX文件3Ng胜于蓝|优秀个人博客


程序员专属,记录笔记、文档、知识库的专属伙伴!——docz

3、文档已经就绪,你只需要GO3Ng胜于蓝|优秀个人博客

yarn docz dev

PS:详细的用法和API请查阅官网文档,在此不再详细介绍3Ng胜于蓝|优秀个人博客


主题切换

Docz的一个主要功能是,您、可以从头开始创建自己的主题,只使用从Docz解析的数据。Docz本身提供了一系列组件,可以帮助你轻松创建自己的主题。3Ng胜于蓝|优秀个人博客

大概如下这样的一个项目结构:3Ng胜于蓝|优秀个人博客


程序员专属,记录笔记、文档、知识库的专属伙伴!——docz

创建主题组件3Ng胜于蓝|优秀个人博客


// src/gatsby-theme-docz/index.js
import React from 'react'
import { theme } from 'docz'
const Theme = ({ children }) => <div>{children}</div>
export default theme()(Theme)

默认主题配置3Ng胜于蓝|优秀个人博客


import React from 'react'
import { theme } from 'docz'
const Theme = ({ children }) => <div>{children}</div>
const themeConfig = {
 colors: {
 primary: 'tomato',
 secondary: 'khaki',
 gray: 'lightslategray',
 },
}
export default theme(themeConfig)(Theme)

作者提供了非常详细的文档和完整的示例,感兴趣的可以尝试一下3Ng胜于蓝|优秀个人博客


程序员专属,记录笔记、文档、知识库的专属伙伴!——docz

插件

docz提供了非常强大的插件机制,而且已经本身存在如下几个强大的插件3Ng胜于蓝|优秀个人博客

  • docz-plugin-storybook

Docz插件,可以轻松地从Storybook迁移3Ng胜于蓝|优秀个人博客

  • docz-plugin-netlify

将文档部署到Netlify3Ng胜于蓝|优秀个人博客

  • docz-plugin-svg-sprite-loader

用于SVG加载器的Docz插件3Ng胜于蓝|优秀个人博客

  • docz-plugin-snapshots

Docz的一个插件,可为所有记录的组件使用创建jest快照3Ng胜于蓝|优秀个人博客

总结

docz是一个非常值得尝试的文档工具,对于学习了react的开发者来说尤其友好,笔者在之前也介绍过很多文档工具,各有各的特色,再次在啰嗦一句,阿里的语雀和Docsite都是非常不错的笔记文档、知识库记录的利器,赶紧去试试吧!3Ng胜于蓝|优秀个人博客

Tags:

很赞哦! ()

文章评论

当前时间

快速排名

  • 网站建设|万词霸屏,企业软文推广,刷下拉框
  • 快速排名:不用再等SEO三个月,只需3-7天即可把行业关键词覆盖百度搜索引擎首页,点击不收费,排名报表,真实访问量报表一目了然。

合作加盟

  • 扫码请注明来意,否则不会通过
  • 填写商户姓名不要带有“超市”,“便利店” ,“百货”等
  • 扫码成为快钱代理
  • 扫码加站长微信,为您推荐快钱总部负责人
  • 快钱POSS机(电签版)
  • 1,免押版:签约费率快捷交易0.38%,常规交易0.65%
  • 贷记卡单笔≥3000元视为激活
  • 2,,有押版:签约快捷交易0.38%,常规交易0.65%
  • 激活首刷≥99元,扣除99元系统服务费,多出部分shishi到账
  • 电签版ipos参与每月扶持奖励
  • 电签版ipos与Mpos单独考核台均
  • 30台以上有效激活奖励3000元扶持金
  • 当月交易额≥3000元的为活跃用户

站点信息

  • 建站时间:2018-10-24
  • 网站程序:帝国CMS7.5
  • 主题模板《今夕何夕》
  • 文章统计7613篇文章
  • 标签管理标签云
  • 统计数据百度统计
  • 扫描二维码:请注明来意,否则不会通过
  • 微信号:扫描二维码,关注我们
歌名 - 歌手
0:00