V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX  ›  byj66  ›  全部回复第 1 页 / 共 3 页
回复总数  43
1  2  3  
21 天前
回复了 calabashfox 创建的主题 程序员 想了解一下合适我们的 css 构建工具
参考一下我的开源项目 oneimg 文字转成图片工具,核心也是一个可以切换主题模板的系统。

开源地址: https://github.com/byodian/oneimg
预览地址: https://oneimgai.com/

本项目使用 css-in-js 方案(tss-react 工具 https://www.tss-react.dev )在运行时动态生成样式主题。同时也可以结合参考 Matreial UI ( https://mui.com/material-ui/customization/theming/#createtheme-options-args-theme )的主题思路。

-------------------------
项目结构:

1. 基础模板
https://github.com/byodian/oneimg/tree/main/src/components/preview/styles

自定义的模板(模板以及主题变量)
https://github.com/byodian/oneimg/tree/main/src/theme


生成模板样式、主题自定义变量的工具函数
https://github.com/byodian/oneimg/blob/main/src/lib/template.ts

- 根据配置生成 CSS 变量:generateThemeVariables
- 生成 CSS 样式:createStyle

3. 在项目中使用动态生成的样式
- CSS 变量作为全局样式使用
https://github.com/byodian/oneimg/blob/main/src/app/page.tsx

<GlobalStyles styles={{ ':root': cssVariables }} />

- 使用 CSS 样式
https://github.com/byodian/oneimg/blob/main/src/components/preview/card.tsx

--------------------

如果你想支持 RSC ,可以考虑 zero runtime 解决方案,像 https://panda-css.com 和 https://vanilla-extract.style
@hanaTsuk1 哈哈,也可以的,开启监听 Stars 事件
@vsitebon 是可以的,也可以把提醒周期做成配置项,根据需求自己定多久提醒一次。
@LeslieLeung 好的,感谢。
想玩一下 cloudflare worker ,Github action 我也试一下
@shzbkzo 厉害。这个项目只是刚开始迭代,这些问题都可以解决。
长期更新个人使用的 dotfiles 配置,做一些开源小工具

https://github.com/byodian
文字转图片: https://github.com/byodian/oneimg
CSS 一个难点在有很多属性要记。多看几本书,MDN 经常看看。
一些参考资料
1. MDN - https://developer.mozilla.org/en-US/docs/Web/CSS
2. CSS roadmap - https://roadmap.sh/r/css-6nqag
3. 深入研究 CSS 的英文博主: https://ishadeed.com/
75 天前
回复了 nihaojob 创建的主题 程序员 我的开源项目 5K Star 啦~~
75 天前
回复了 nihaojob 创建的主题 程序员 我的开源项目 5K Star 啦~~
厉害,我的开源 200 多就觉得很难再提高了,5k 星真实遥不可及。
75 天前
回复了 hoodzwh 创建的主题 程序员 如何学习一门新技术
去直接解决问题,比如从写一个接口开始,在这个过程中你会了解到 MVC 架构的大部分东西。语言或者框架的出现都是为了解决某一类问题,多了解它们解决了什么问题,从头学习可能会陷入 abandon abandon 的循环 🤣。
75 天前
回复了 chenhaobuaixuexi 创建的主题 程序员 独立开发者找点子的五大渠道
分享一篇 paulgraham 的文章,How to Get Startup Ideas

https://paulgraham.com/startupideas.html

The way to get startup ideas is not to try to think of startup ideas. It's to look for problems, preferably problems you have yourself.

获得创业点子的方法不是去想创业点子。而是寻找问题,最好是你自己的问题。
有个 bug ,来回切换 Row 和 Column 这两个按钮,右边预览区域图片尺寸会变形。
推广确实重要,开发出产品只是第一步,没有曝光度也是白费力气,让更多人的知道你做的产品才是最关键的。如果能被大 v 推荐,流量真是大。
76 天前
回复了 kuroi 创建的主题 职场话题 开发怎么寻找方向创业 才有可能成功
从自身需求出发,开发的东西先能解决自己遇到的问题。如果你的东西也能帮助到他人,那就更好了。在此基础上,可以考虑开源、建立个人影响力,或推出付费产品。

这是我采取的策略,前期先专注于个人影响力的建立。
78 天前
回复了 deadlineChen 创建的主题 问与答 父母不在了,是不是就四海为家了?
这种感觉太难受了,小时候当过留守儿童,住在爷爷奶奶家,放学回家都会路过自己空无一人的房子。
@wjup 后面会迭代,把这个功能加进去。
@zhangkui 收到
@falcon05 移动端端还有点问题,电脑上试试
334 天前
回复了 aqtata 创建的主题 互联网 你们都开了多少会员?
购买服务器、域名、Netflix 会员和 youtube 会员三四年时间也有大几千了。
https://byodian.notion.site/Subscription-Tracker-7b50b569618f45f5bd524ad7a8a90b46?pvs=4
1  2  3  
关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1072 人在线   最高记录 6679   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 29ms · UTC 19:16 · PVG 03:16 · LAX 11:16 · JFK 14:16
Developed with CodeLauncher
♥ Do have faith in what you're doing.