首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

基于 Tauri, 我写了一个 Markdown 桌面 App

,支持深色皮肤 Ant Design v5 —— 使用"Tree"组件管理文档树 功能与实现 1....MDX 自定义组件 MDX 结合了 Markdown 和 JSX 的优点,它让你可以 Markdown 文档中直接使用 React 组件,构建复杂的交互式文档。...如果你熟悉 React,你可以 "Config" 标签中自定义你的组件;如果你不是一个程序员,你也可以基于现有模板进行创作。...深色皮肤 对于笔记软件来说,深色皮肤已经成为一个不可或缺的部分。MDX Editor 使用 Tailwind CSS 实现了深色皮肤。 图片 3....MDX Editor 使用了 prettier 来格式化文档,只需按下 command+s 就能自动格式化文档。 图片 最后 如果你对这个编辑器感兴趣,可以 Github 下载桌面版体验。

74440

谷歌插件整理

一、日常使用类 1.谷歌访问助手 google浏览器访问应用商店第一步 2.扩展管理器(Extension Manager) 分组管理更多谷歌插件 3.Adblock...7.GraphiTabs 思维导图化标签 8.书签管理器快速拨号| Papaly 整页书签管理器 9.Infinity 新标签 快速访问书签...适用于Facebook、Google、YouTube、Gmail、Google Docs、Reddit、Twitter等网站的精美深色皮肤 看起来不错,就是要付费,不过可以选择左下角...基本是国外网站的皮肤,没有提供国内的,有点遗憾 16.ESI Stylish 自己定制网页样式,需要一些前端基础 17.皮肤管家 主流网站皮肤定制...Testing rest类请求管理工具 17.Markdown Here 笔记管理工具 三、gihub插件 1.Awesome Autocomplete for GitHub

2.7K30
您找到你想要的搜索结果了吗?
是的
没有找到

基于vue3实现的SwaggerUI

基于vue3实现的SwaggerUI 这只是一个试用版,还会继续调整ui样式,目前只提供源码包需要install到本地使用,未来会release到maven中央仓库,ui的源代码也会发布。...它目前仅仅是一个皮肤,但是未来会走两条路线,第一条是单纯的ui,另外就是与 YDoc一款支持Swagger和YApi的文档生成器 集成实现更多实用的功能。...不要拦截资源: /doc.html /assets/* github github.com/NoBugBoy/Yd… 预览(我这里只展示了黑天模式,还有白天模式) 1. 主页(深色) ?...2. api侧边栏 父级携带了内部api的数量,内部使用请求类型分组,更直观。 ? 3. 收起侧边栏 收起了侧边栏后,鼠标悬浮依然会弹出api分组,点击打开标签 ? 4....文档 所有json编辑框都有格式化和折叠功能,方便复制,放大缩小方便观看 ? 5. 返回值 展开查看返回参数类型和参数描述 ? 6. 返回值示例 代码已经留了位置,后续会上mock.js ?

58500

前端换肤的N种方案,请收下

Maps中的keys和values可以是sassscript的任何对象。...(网友Soledad提供) 使用scss变量换肤相比覆盖样式 拓展性更强 将换肤的逻辑进行了收敛 生成多套皮肤css 使用覆盖样式实现与scss变量实现会把多套皮肤的样式都编译到一个css文件里面,如果有多套皮肤样式...虽然现在大部分主流浏览器都可以兼容,但是还要考虑更多的兼容性这块的请往下看: CSS变量兼容性实现-1 css变量的基础上新增了postcss-custom-properties这个插件 安装依赖:npm.../ElementUI/t… 把关键词再换回刚刚生成的相应的颜色值:github.com/ElementUI/t… 直接在页面上加 style 标签,把生成的样式填进去:github.com/ElementUI...注:使用less 来实现换肤要注意 less 文件 html 中编写的位置,不然很可能被其他css 文件所干扰导致换肤失败。如果less文件特别大,会存在编译性能问题。

2.2K20

博客园美化,更改外部主题,自定义JavaScript

之前,我一直以为博客园他是那种万年不变的老旧风格,看着就有一种年代感,但是,昨天我莫名看到一个项目,我尝试进行了美化后,发现这玩意很好看啊。 如果不看域名,还真看不出这是博客园。...Github:AWESCNB Gitee:AWESCNB 有兴趣开发自己的博客园主题的可以看看,如果你只需要美化,那就没必要看了。...完成基础的设置 设置博客皮肤为“Custom” 渲染引擎选择 highlight.js,取消勾选显示行号,主题样式选择默认的 cnblogs 使用 loading - 复制如下代码粘贴到【页面定制...主题介绍 reacg 作者:guangzan 默认皮肤 二次元风格 覆盖 99% 的配置选项 深色模式 兼容手机、平板、桌面 geek Geek主题就是目前我这个,可以直接参考我的博客园页面...reacg 基础配置 属性 描述 值类型 默认值 可选值 name 要使用皮肤 String 'reacg' 参考所有皮肤 color 全局主题色 String 跟随皮肤 - avatar 头像图片链接

1K50

DarkMode(2):深色模式解决方案——css颜色变量实现Dark Mode

所谓多套主题/配色/皮肤,就是我们很常见的换肤功能。换肤简单的实现就是更换 css实现不同样式呈现不同肤色。 之前做不同颜色的皮肤,暗黑模式可以单做其中的一种黑色暗黑主题。...利用grunt/gulp/webpack等工具输出多套主题样式 页面加载后,根据用户需求加载不同的样式列表 推荐阅读《webpack 换肤功能多主题/配色样式打包解决方案》,配置文件: https://github.com...所以我们需要针对不兼容的浏览器做一些兜底处理,这里我们可以 webpack 等构建工具中借助 post-css 的 postcss-css-variables (https://www.npmjs.com.../page.json"), // CSS 变量,可以支持多个      }    }  }; 现在的 Web、App 项目大都引用第三方开源组件库,组件库一般会使用 Sass、Less 等 CSS 预处理器定义颜色变量作为组件的基础色值...所以,项目使用组件库时可以根据修改基础色值来自定义主题。

3.1K10

10 个扁平化设计风格的 WordPress 主题

详细功能及演示 » Argo Argo 是一个现代设计风格的单主题,通过它可以实现单浏览效果,非常酷的单扁平设计风格。...详细功能及演示 » One Touch One Touch 使用和 Windows 8 相同的配色方案,并且这个主题还有一个磁贴生成器,让你非常容易去添加和删除磁贴到页面布局中。...详细功能及演示 » MetroStyle MetroStyle 是功能强大的 Metro 风格的 WordPress 主题,无论 PC 上还是移动设备上,载入速度都非常快,并且还有25种皮肤可供选择。...详细功能及演示 » Modern Metro 又一个深色系的 metro 风格的主题,当然你可以使用主题提供颜色更改功能修改颜色,并且该主题 100% 响应式。...详细功能及演示 » Metrofy WP 最大的功能是它可以作为多页面站点工作,也可以像上面的 Argo 主题一样作为单页面主题使用,全新创意的主题,但是功能同样强大,推荐。

72320

我的CMS开发记-4 介绍一下DotNetNuke的系统执行流程

二、所有功能模块之间可以互不相关。便于扩充。 站点主要信息都在数据库中集中存储,各页面信息也是统一管理,甚至所有url的生成也集中一处管理,非常便于后期urlrewrite等的处理。...如果不满足权限则重定向到登录。 读取页面信息。判断应加载那个页面皮肤并加载之。 页面皮肤根据页面模块信息加载功能模块。...各功能模块执行各自自己的逻辑,最终/Default.aspx中显示页面呈现的最终结果。 /Default.aspx执行结束,一次请求结束....DotNetNuke的不爽之处            1,皮肤创建问题。它使用 td,div标记作为容器。这样会导致最终页面上会出现许多 id="ctl000_XX"之类的标记。...对此我的解决方案是:全部使用placeholder做容器,这样页面上就不会有多余的id了          2,权限问题。这个东西部署时真是麻烦,因此我特别注意了这个问题.

94880

AI也脸盲 |黑人遭人脸识别技术“误判”概率竟高出白人5至10倍!

最先进的人脸识别算法依旧无法应对深色皮肤面孔 目前,计算机视觉算法人脸识别任务中可以说是达到了巅峰。...这将有助于推动政府、商业或者手机等电子产品中的广泛使用。 但NIST的测试以及其它研究反复发现,算法识别深色皮肤人脸方面的能力是较差的。该机构7月份的报告涵盖了50多家公司的代码测试。...政府报告也称:亚马逊、微软和IBM的算法深色皮肤上的识别并不太准确。 人脸识别技术引发隐私、种族歧视等舆论 这些发现引发了一场关于正确和不正确使用面部识别的全国性辩论。...乔治敦大学的研究人员2016年一份有影响力的报告中警告了这个问题,报告称FBI可以搜索大约一半美国人的脸。...研究人员确实发现,他们可以让算法对黑人和白人“一视同仁”,但前提是对两组人使用不同的敏感度设置。

78420

谷歌正在开发新的肤色分类方法,试图遏制科技产品存在的种族偏见

皮肤科医生外,不少科技公司也依靠其来对人种进行分类,并用此来衡量面部识别系统或智能手表心率传感器等产品不同肤色中的表现。...当谷歌2月份宣布某些安卓手机的摄像头可以通过指尖测量脉搏率时,它表示,无论用户的皮肤是浅色还是深色,读数的平均误差都只会保持1.8%左右。...他通过询问“白人”的皮肤阳光下经过一段时间后会出现多少晒伤或晒黑,将他们的皮肤分组为I到IV。 十年后,出现了“棕色”皮肤的V型和代表“黑色”皮肤的VI。...2018年,一个题为“Gender Shades”的研究发现,面部分析系统往往归类肤色较深的人种外经常出现错误,但仍推广使用FST来评估AI。...受到Black Lives Matter运动的启发,加州大学圣地亚哥分校的临床医生去年在Sleep杂志上写道,使用FST可能会使智能手表在读取深色皮肤人种的心率时存在较大误差。 微软承认FST的缺陷。

35340

CSS控制界面风格及深浅色模式的一些思路

我们设定一个设置功能,这套功能是本人研究开发学习使用,请大家多提意见、建议,登录后如下图:        如图的左上开始菜单按钮、中部的导航快捷链接和右下方的快捷设置图标,三个入口均可以访问设置功能...调用后如下图:       点击设置继续层级菜单,操作方式类似手机界面:        如图我们样式外观选项里提供了“简约动感” 和 “经典” 两选择,显示与亮度选项里有三个模式,即浅色模式、深色模式与智能模式...(根据时间自动进行深浅切换的一种模式),以下是这几种方式的组合效果,大家可以参照一下: (一)简约动感之浅色模式 简约动感的主要体现为文本框为下划线式,另外还有按钮元素的控制等。...(二) 简约动感之深色模式 (三)经典之浅色模式 (四)经典之深色模式 实现的思路大体是设计N套皮肤风格CSS,这是里假设为 JANE.CSS(简约)和 CLASSIC.CSS(经典),再配套对应 JANE_STD.CSS...后期我们可以根据需求添加更多的风格CSS并配套对应的深浅模式CSS,嵌入到系统中,实现灵活的设计,以上就是整体的设计思路,希望大家评论指教! 谢谢大家积极投票反馈!

6210

【花雕学AI】32:WeTab——使用 ChatGPT 聊天的新标签,免费又好用

WeTab 还支持暗黑模式,可以让你在夜晚或光线暗的环境下使用浏览器时更舒适,更省电。只需一键切换,就可以让你的新标签变成深色主题,保护你的眼睛,延长你的电池寿命。...最重要的是,WeTab 还整合了 ChatGPT 组件,让你可以新标签上和一个智能的聊天机器人对话。...你可以 WeTab 的设置页面上选择和添加各种实用的小组件,比如时钟,天气,日历,待办事项,收藏夹等。你还可以调整它们的位置和大小,让你的新标签更美观,更方便。...只需一键切换,就可以让你的新标签变成深色主题,保护你的眼睛,延长你的电池寿命。图片图片图片暗黑模式不仅适用于新标签,还适用于 ChatGPT 组件。...本专栏通过实际案例和故事,分享了花雕人工智能领域的探索和体验,旨在激发更多人对人工智能的兴趣和热情。了解更多,请使用谷歌、必应、百度或者今日头条等引擎直接搜索【花雕学AI】。

70110

使用 PostCSS 插件让你的网站支持暗黑模式

换肤方案 css variables css variables 是 Web 标准实现了对深色模式的支持, 以下代码通过 CSS 媒体查询,最简单的实现。...大家都知道 https://astexplorer.net/ 这个网站,可以用来写 babel 插件,不知道是否使用过其他解析器?...开始写一个 PostCSS 插件 我们可以使用 postcss-plugin-boilerplate 这个脚手架来创建一个 postcss-plugin ,它还配置好了 jest 单元测试。...这款插件开源到 github 并且发布了 npm 包 2、通过 PostCSS 思考如何将老项目中的 css 颜色替换成变量,当项目较多时,一定程度上也节省了人力成本。...最后 如果大家也在给 webapp 做换肤工作,被前端多皮肤的问题困扰,希望这篇文章对大家有所帮助,也可以参考我往期的文章或者评论区交流你的想法和心得,欢迎一起探索前端。

79320

Nat. Biomed. Eng. | 利用生成式人工智能和医生的专业知识审计医学图像分类器的推理过程

作者限制改变程度使得图片看起来很真实,以便医学专家可以解释反事实图像之间的差异。工作流程涉及通过皮肤病学专家对成千上万这样的反事实图像进行分析,以用人类能理解的医学术语描述AI分类器。...(更良性)就可以推断出分类器使用病变的较深色素沉着和背景皮肤上的棕色斑点作为其推理过程的一部分(图2a)。...并要求皮肤科医生记录“良性”和“恶性”反事实图像之间不同的单个图像属性,这样就可以了解每个AI分类器使用哪些属性以及如何使用它们。...与皮肤科医生对更深色素沉着病变的解释一致,皮肤病学AI分类器通常将病变的较深色素沉着与黑色素瘤的增加可能性联系在一起;唯一的例外是皮肤镜图像上评估的ModelDerm。...一部分皮肤病学AI分类器(DeepDerm、Scanoma和SSCD)的皮肤镜反事实图像还显示了非典型色素网络,这些更“恶性”的图像中出现,与皮肤科医生在分析黑色素细胞病变时使用此属性一致。

10310

谁来拯救你 我的屁屁踢

演示类型(讲给别人听) 一只有一个焦点 阅读类型(发给别人看) 一可以有多个焦点 混合型(先讲然后发给别人看) 通过动画 通过颜色和明暗 一可以有多个焦点 一次只强调一个焦点 PPT 内容 封面...重复 设计的某些方面需要在整个作品中重复 重复可以增强“一致性”,让零散的东西看起来更像一个整体 重复还可以为作品带来一种专业性和权威性 对比 对比是为页面增加视觉效果的最有效途径 是不同元素之间建立层次结构最有效方法...如果两个项之间完全不同,就应当使之不同,而且是截然不同 用来组织信息、清晰层级、面上指引读者,并且制造焦点 应该怎么样 尽量只使用一种字体 尽量只使用一种对齐方式 尽量只使用一种色系或者一种色系加灰色...保证一个页面上的元素不多于3个,多于3个就通过亲密性关联 要确保每一项元素都与页面上的其他项存在某种对齐 尽量使用冷色做为背景色 不该怎么样 艺术字永远不要用 PPT自带设计模板永远不要用 下载的炫酷模板永远不要用...演讲时人站在屏幕当中使用深色背景(发布会) 插入视频或者音频一定要小心现场不能播放 越复杂的东西越容易出错 所有的展示都是为讲服务----

914101

使用RadControls的RadMenu控件开发系统菜单

二、注册控件及使用控件皮肤 我们可以将控件添加到工具箱直接拖拽到aspx页面上就OK,随后可以html视图下看到如下注册命令: <!...RadControls提供的皮肤功能很方便,从安装目录下将皮肤文件复制到项目中,然后控件上直接选择所需要的皮肤就OK。...本示例使用母版来做菜单,新建母版: 在此母版里加入RadMenu控件,并设置相应的皮肤就OK。如下代码块: <!...通过上面建立的母版建立一内容,直接运行内容可以看到效果了。...示例中我使用了三种皮肤:Web2.0,WebBlue和Vista,下面是此三种皮肤的运行截图: 七、其他 出了皮肤是一大特色外,RadMenu还提供了很多客户端事件,我们利用这些API可以很方便在在客户端通过

59310
领券