跳到主要内容

美化中文下DocusaurusTag

· 3 分钟阅读
月子喵

有一说一这个看到就有点无语

Preview

直接上手魔改

效果

Preview

复制这个Tag组件

加载中.....

可以看到 src/theme 里面出现了一个新的组件 TagsListByLetter

加载中.....

源码非常简单, 调用 listTagsByLetters 函数获取所有的标签, 并且按照第一个字分组, 在英语环境下也就26个首字母, 这么排完全没问题 但是遇到序号前缀比如年份, 中文文字, 这里就会出现问题

修改 Tag 显示模式为 Tag CLoud

其实这里考虑修改分词模式, 引入中文分词, 但是这里修改为更适合中文显示的 Tag cloud 模式

安装 React 组件 npm i --save react-tagcloud , 如果提示版本不兼容, 可以使用 --legacy-peer-deps 参数

Loading...

详细参数的话点上门的 repo

加载中.....