原理 整个站点技术栈 OMI OMIU,官方OMI组件 omi-router,官方OMI路由 omi-twind,Tailwind CSS 的 JS 版本 CodeMirror,代码编辑器 markdown-it Promise.all(urls.map(async url => { const resp = await fetch(url) return resp.text()})) 样式和跨屏适配 使用 omi-twind
├── index.tsx │ └── [name].tsx ├── static │ ├── favicon.ico │ └── logo.svg └── utils └── twind.ts
github.com/unocss/unocss Stars: 14.6k License: MIT 该项目是一个即时的按需原子 CSS 引擎,受到 Windi CSS、Tailwind CSS 和 Twind
│ └── joke.ts│ └── index.tsx├── static # 静态资源│ ├── favicon.ico│ └── logo.svg└── twind.config.ts # twind配置文件介绍几个文件:dev.ts: 项目开发模式的匹配文件,假设你需要区分生产环境和开发环境,就可以通过 dev.ts,prod.ts 命令来指明入口main.ts: 入口文件,会用于链接
github.com/unocss/unocss Stars: 14.6k License: MIT picture 该项目是一个即时的按需原子 CSS 引擎,受到 Windi CSS、Tailwind CSS 和 Twind
│ └── joke.ts │ └── index.tsx ├── static │ ├── favicon.ico │ └── logo.svg └── utils └── twind.ts
自定义节点本身非常简单:src/nodes/Out.jsximport React from 'react';import { Handle } from 'reactflow';import { tw } from 'twind