-
第四节：自定义配置 - 调整Tailwind以匹配GitHub风格
学习目标 GitHub设计系统分析 创建自定义配置文件 GitHub颜色系统实现 基础色彩应用示例 字体系统配置 字体应用示例 间距与布局系统 间距系统示例 阴影和圆角系统 阴影和圆角应用示例 实际案例：GitHub风格导航栏 插件扩展 统一项目配置示例 常见配置问题与解决方案 最佳实践建议 练习任务 总结 学习目标 ... -
钉钉
钉钉 钉钉 如果您需要使用到钉钉进行告警，请在告警实例管理里创建告警实例，选择 DingTalk 插件。钉钉的配置样例如下: 参数配置 Webhook 格式如下：https://oapi.dingtalk.com/robot/send?access_token=XXXXXX Keyword 安全设置的自定义关键词 S... -
企业微信
企业微信 发送类型 应用 前置 向指定用户发消息 参考文档 群聊 前置 参考文档 企业微信 如果您需要使用到企业微信进行告警，请在告警实例管理里创建告警实例，选择 WeChat 插件。企业微信的配置样例如下： 发送类型 其中send.type 分别对应向企业微信自定义应用发送和向企业微信API创建的群聊发送消息。 应用 应用... -
Relabel
监控数据通过推模式，发给夜莺，夜莺会转发给后端时序库，有时候可能想对数据做一些二次处理，比如 Drop 掉一些数据或者改改内容之类的，此时就需要 relabel 能力了，这个功能是社区小伙伴贡献的，和 Prometheus 的 relabel 类似，只是配置的时候注意配置项的大小写。在夜莺 5.x 版本中，数据是通过 n9e-server 转发的，所以，r... -
Tailwind CSS 组件库开发实战
开发一个基于 Tailwind CSS 的组件库不仅能提高团队开发效率，还能确保产品的设计一致性。本节将详细介绍如何从零开始构建一个专业的组件库。 !!! note 我们使用 React 来做项目相关的演示。 !!! 项目初始化 基础配置 # 创建项目 mkdir my - component - library cd my - co... -
Tailwind CSS 开发环境搭建和工具链配置
1. 必备环境准备 Node.js (v14.0.0 或更高版本) npm 或 yarn 包管理器 代码编辑器（推荐 VS Code） 2. 项目初始化方式 方式一：在新项目中使用 # 创建项目目录 mkdir my - tailwind - project cd my - tailwind - project # 初始化 pack... -
MySQL/MariaDB 先决条件
您必须在 Ranger 安装期间将变量 log_bin_trust_function_creators 更改为 1 。 从 RDS 仪表板 > 参数组（位于页面左侧）： 将 MySQL 服务器变量 log_bin_trust_function_creators 设置为 1 。 (可选) Ranger 安装完成后，将 log_bin_trust_fu... -
WebexTeams
WebexTeams 参数配置 创建一个机器人 创建一个房间 邀请机器人到房间 发送私聊消息 私聊告警样例 发送群聊消息 群聊告警消息样例 WebexTeams 如果您需要使用到Webex Teams进行告警，请在告警实例管理里创建告警实例，选择 WebexTeams 插件。 你可以选择机器人私聊通知或聊天室通知。 WebexTeams... -
Tailwind CSS 与前端框架的集成
Tailwind CSS 可以与各种现代前端框架完美配合。本节将详细介绍如何将 Tailwind CSS 集成到 React、Vue 和 Angular 等主流框架中，并介绍相关的最佳实践。 React 集成 基础配置 # 创建 React 项目 npx create - react - app my - app -- template type... -
Tailwind CSS 大型项目最佳实践
在大型项目中使用 Tailwind CSS 需要考虑更多的架构设计、性能优化和团队协作等方面的问题。本节将分享在大型项目中使用 Tailwind CSS 的最佳实践和解决方案。 项目架构设计 目录结构 src / ├── components / │ ├── common / │ │ ├── Button /...
