学 React 两周，练手项目，做了个封面制作工具

2024-04-11 09:20:45 +08:00
 devzhaoyou

无前端经验，直接上 react + nextjs + nextui + tailwindcss ，工作之余 + 周末撸了一个 封面生成工具，代码写的稀烂，拷贝+粘贴，好在 work 😄

特点就是简单，简单，简单！

可以为博客文章，微信公众号等制作封面，吸引读者

地址： https://picprose.net, 部署再 vercel ，国内可能慢点

10488 次点击
所在节点    分享创造
62 条回复
FakerLeung
2024-04-11 19:23:42 +08:00
@tianzx #22
是。动一下就报错 show 那个网站
tianzx
2024-04-11 19:28:48 +08:00
@FakerLeung 还真是，我来看看
tianzx
2024-04-11 19:41:07 +08:00
@FakerLeung
@DICK23 修复了
FakerLeung
2024-04-11 20:17:53 +08:00
@tianzx #43
中文文档为啥点进去都是 not found ？
exploreexe
2024-04-11 20:20:17 +08:00
真牛逼
tianzx
2024-04-11 20:21:09 +08:00
@FakerLeung #44 那个就是用来展示 contentlayer 和 markdown 的，没精力在做中文适配了
madao199
2024-04-11 20:47:40 +08:00
html2canvas + 表单 一周也挺快的
devzhaoyou
2024-04-11 21:06:35 +08:00
@madao199 都是堆开源 堆框架，有经验的感觉一两天就完事了，我这中间走了比较多弯路，另外代码写的很差，一点前端代码经验没有，只是 work 了。 项目开源了，希望有经验的大佬给指点一下
vcmt
2024-04-11 22:43:57 +08:00
会用不懂原理，最后导致 bugs 满天飞
devzhaoyou
2024-04-11 23:16:48 +08:00
@vcmt 你说的对，这个过程就是先跑起来再回头看原理，再优化，再看，踩坑，然后就懂了。不写 bug 估计也不会很懂原理
wsbqdyhm
2024-04-11 23:19:29 +08:00
不是程序员，就纯用户，觉得很容易上手，ui 界面很漂亮，如果可以自己上传照片，还有内容可以随意移动就好了。
htxy1985
2024-04-11 23:57:48 +08:00
真挺好的，star+clone 了
zhangk23
2024-04-12 00:30:01 +08:00
@saka0609 js 简单的很，油管上找个项目敲一下，看看 async ，箭头函数和咋操控 dom 就好了， 没啥技术含量的（
alexmy
2024-04-12 00:50:50 +08:00
以前也用这套，不过 UI 一直都是 antd ，下次试试这个 nextui 。
unclebb
2024-04-12 09:14:15 +08:00
如果你也想用 react 做一个类似的工具，可以参考我的项目 https://github.com/sleepy-zone/fabritor-web
devzhaoyou
2024-04-12 09:20:14 +08:00
@unclebb 相当赞，不过我准备基于 konva 优化下编辑器😄
devzhaoyou
2024-04-12 09:21:17 +08:00
@wsbqdyhm 感谢反馈，项目还比较早期，后面有时间会做上拖动和上传图片这些~
Pters
2024-04-12 10:23:38 +08:00
越来越喜欢 react ，我也在学，感觉上手简单
unclebb
2024-04-12 15:59:45 +08:00
@devzhaoyou #56 konva 挺好的，唯一的问题是需要依赖 dom 操作文字😂
devzhaoyou
2024-04-15 09:39:09 +08:00
@Hopetree 已支持~

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://ex.noerr.eu.org/t/1031507

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX