如何修改css词典文件格式

html-css028

如何修改css词典文件格式,第1张

词典本身有使用css(嵌入的)

需要知道词典嵌入的词典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 现在作图的人越来越来多了啊

加油加油哦