原子化CSS图标以及redis使用

近日见闻

  1. 祈祷世界和平!

  2. 小米自研“MIOS”再上热搜,MIUI 14成收官之作?–脚本之家

  3. 微软表示,VBScript 已被弃用,被列在其 Windows 客户端废弃功能列表中。在未来的 Windows 版本中,VBScript 将作为一项可选功能,之后会从 Windows 中删除。–https://www.theregister.com/2023/10/10/microsoft_says_vbscript_will_be/

使用UnoCSS图标

先看看效果:

  • 安装 pnpm add -D @unocss/preset-icons @iconify-json/[the-collection-you-want]

  • 在根目录创建uno.config.ts

// uno.config.ts
import { defineConfig } from 'unocss'
import presetIcons from '@unocss/preset-icons'

export default defineConfig({
  presets: [
    presetIcons({
      /* options */
    })
    // ...other presets
  ]
})
  • 要加载 iconify 集合,应该使用 @iconify-json/[the-collection-you-want] 而不是 @iconify/json,因为 json 文件太大了。就是用啥装啥,不要全部安装(pnpm add -D @iconify/json)

Docker安装redis

官网:

https://redis.io/

  • 生产环境:

docker run -d –name redis-stack-server -p 6379:6379 redis/redis-stack-server:latest

此镜像仅包含 Redis Stack 服务器,不包含 RedisInsight 工具。这个容器适用于生产环境部署,其中您可能不需要 RedisInsight 来进行可视化管理,而只需要 Redis Stack 服务器来支持您的应用程序。

  • 测试开发环境:

docker run -d –name redis-stack -p 6379:6379 -p 8001:8001 redis/redis-stack:latest

此镜像包含 Redis Stack 服务器和 RedisInsight 工具。这是一个集成了 Redis Stack 服务器和 RedisInsight 的容器,适用于本地开发环境。RedisInsight 是一个用于可视化管理 Redis 数据的工具,因此您可以在本地开发时使用内置的 RedisInsight 来可视化您的数据,进行开发和调试。

  • 使用redis-cli连接

docker exec -it redis-stack redis-cli

  • 持久化,添加本地目录

docker run -v /local-data/:/data redis/redis-stack:latest

  • 使用自定义配置

docker run -v pwd/local-redis-stack.conf:/redis-stack.conf -p 6379:6379 -p 8001:8001 redis/redis-stack:latest