需要知道词典嵌入的词典css的文件名称。
上面两点先判断出来。
判断方式:
goldendict加载后,F12看网络链接,词典内查询单词,确定css文件的名称。
原则上文件名很容易确认。
3. 在词典的目录建一个同名的css文件。
文件的初始内容可以解包mdx词典中获取。(上图中的gd中显示的可以参考,需要去除 #gdfrom-xxxxxx等选择限定,bres://xxxxxx/前缀等,不熟悉的还是不要用这份作为初始内容。)
4.按你的需要在原始内容的基础上修改css样式。gd加载的时候会优先词典目录下的样式文件。
另,上图中基于的gd版本位于Releases · xiaoyifang/goldendict
简述
可以帮助构建 UI 组件,组合组件,说明文档,测试和部署 UI 组件的工具,与业务功能隔离开来,专注于开发组件。
支持框架 React,Vue等
提供丰富的插件供开发使用,比如docs可以生产组件参数说明(参数描述,参数定义,支持的类型等), knobs 帮助您在隔离构建UI组件时 可以动态地修改组件的参数来验证交互 notes可以展示你的md文档;addon-storysource可以直接在页面看到你的源码;一键生成所有截图的Storybook Chrome Screenshot Addon。这些社区的addons都非常实用。感兴趣可以自己增加
支持模拟不同设备下的组件
jest自动化测试组件还有依靠视觉,快照和视觉回归测试
灵活度很高,如果想使用js/ts,css,/scss/styled-components, redux 都是可以的,在其他组件库基础上进行二次开发,需要自行配置项目
安装
npx sb init 然后选择react, 回车下一步
yarn storybook
开始
写一个 stories/*.stories.js
import React from 'react'
// 生产storybook文档目录,Design System大类下一个Table组件
export default {
title: 'Design System/Table',
component:
}
// 组件
export const Basic = () =>{
return
}
=>生成的storybook 如下图
如何配合lerna发包:
大家可以看下eric和david同学的分享 使用Lerna管理发布Javascript包 和 如何开发和发布npm包
如何安装storybook(https://storybook.js.org/addons/)插件库:在文件夹.storybook内添加配置即可
// .main.js
module.exports = {
"stories": [
"../stories/**/*.stories.mdx",
"../stories/**/*.stories.@(js|jsx|ts|tsx)"
],
"addons": [
"@storybook/addon-links",
"@storybook/addon-essentials"
]
}
其他同类型产品:
docz: https://github.com/doczjs/docz/ https://www.docz.site/
Styleguidist https://react-styleguidist.js.org/通过Markdown文档化组件
资源
教程:https://www.learnstorybook.com/intro-to-storybook/react/zh-CN/get-started/
官网:https://storybook.js.org/
medium:https://medium.com/storybookjs
其他
别人家怎么用storybook的:
http://storybook.anyvision.co/?path=/story/style-colors--base
https://reaviz.io/?path=/story/docs-advanced-custom-charts–page
https://reaviz.io/?path=/docs/charts-sankey-plot--autosize
路径问题...导入模型最关键的是贴图路径,即BLP文件的路径(别跟我说不知道什么是路径)而mdx的路径则无关紧要,可改可不改 怎么确定BLP的真实路径呢:--一般下载下来的模型包 解压出来,都会包含几个文件,两个mdx(路径不用改) 其它的BLP视其的目录而改,如BLP与mdx在同一目录下 那么BLP的路径即为文件名(即去掉前面的war3mapImported\) 如 BLP在子目录下(mdx所在目录为主目录)例:解压出来的是 model.mdx Textures\model.blp 那model.blp的路径即为Textures\model.blp 现在作图的人越来越来多了啊
加油加油哦