使用 Laravel 10 & Vue 3 开发了一个社区站，一起来玩下～

分享创造 / 37 / 41 / 创建于 1年前 / 更新于 1年前

站点地址：sinan.fun/home

首页

使用 Laravel 10 & Vue3 开发了一个社区站，一起来玩下～

使用 Laravel 10 & Vue3 开发了一个社区站，一起来玩下～

内容详情页

使用 Laravel 10 & Vue3 开发了一个社区站，一起来玩下～

使用 Laravel 10 & Vue3 开发了一个社区站，一起来玩下～

用户资料页

使用 Laravel 10 & Vue3 开发了一个社区站，一起来玩下～

使用 Laravel 10 & Vue3 开发了一个社区站，一起来玩下～

sinan.fun

本帖已被设为精华帖！

附言 1 · 1年前

更新了页面截图，感谢各位关注

本帖由系统于 1年前自动加精

课程读者 293 声望

全栈工程师 @ sinan.fun

会写点代码

《L03 构架 API 服务器》

你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程，JWT 概念及使用和 API 开发相关的进阶知识。

《L01 基础入门》

我们将带你从零开发一个项目并部署到线上，本课程教授 Web 开发中专业、实用的技能，如 Git 工作流、Laravel Mix 前端工作流等。

推荐文章：

更多推荐...

做了一个独立开发者社区，期待大家一起交流 13 / 73 |

用 Laravel12 Startkit 做了一个 composer 私有包托管平台 😂 点赞超过 20 个开源，看看需要的人多不多 28 / 19 |

10年了，兜兜转转，我还是回去了 26 / 42 |

冯老师的困惑 —— 一个跑了两年的 BUG 22 / 18 |

在laravel下实现全双工的websocket开发 21 / 10 |

Laravel 实用小技巧——缓存标签的小秘密（下） 12 / 11 |

讨论数量: 41

ononl

218 声望

访问很慢是怎么回事

1年前评论

Jianne （楼主）

国外的服务器，第一次可能会慢一点

pigzzz

Laravel 8.x 译者 768 声望 / 搬砖 @ 工地

ui挺不错

1年前评论

Jianne （楼主）

unocss 纯手写，还在改进中

JinBB

153 声望

当机械狗遇到无人机，谁能取胜呢？

1年前评论

Jianne （楼主）

无人机

Jianne

课程读者 293 声望 / 全栈工程师 @ sinan.fun

@ononl 调整了站点的图标展示，访问会快一点了：站点图标的显示优化

1年前评论

王小大

Laravel 9.x 译者 157 声望

点击登录弹出搜索框是怎么个事儿、首页 TAB 切换无效、未登录提价评论没有提示，很多细节值得优化

1年前评论

Latent

Laravel 8.x 译者 526 声望

:+1:

1年前评论

Jianne （楼主）

感谢关注～

Jianne

课程读者 293 声望 / 全栈工程师 @ sinan.fun

@王小大你好，感谢反馈：

点击登录弹出搜索框，设计灵感来自于日常频繁使用的 Spotlight（Mac 系统中的快捷操作工具），站点任意界面可以通过快捷键 ctrl+k 、 command + k、/快速唤起工具栏来进行一些页面快捷操作

file

比如，输入 login 匹配目前支持的 gitee、github 方式登录，回车会跳转到对应登录验证界面
file

2.首页tab切换无效、未登录评价提示问题，OK我跟进修复一下

1年前评论

王小大

原来是这样，但是我觉得一般人点击登录弹出搜索不能理解怎么去使用，可以加一些引导词

还不出来

Laravel 8.x 译者 156 声望

前后端分离吗，还是用了Inertia.js

1年前评论

Jianne （楼主）

考虑到要做 SSR，用的 Inertia.js

ltaoo

@Jianne Inertia使用起来有没有什么坑?

Jianne （楼主）

@ltaoo 大坑不多，主要是页面滚动、弹窗以及页面间数据，其它基本可以当 web session 项目来做

ltaoo

@Jianne 3个月没更新了, 对比livewire几乎每天都在更新

fffswhk

课程读者 217 声望

Inertia.js 是个好东西，感觉特别适合做一些个人项目。

1年前评论

Jianne （楼主）

如果熟悉些前端，会有种一切尽在掌握之中的舒适感

xihuheyi

课程读者 4 声望

手机端没有适配

1年前评论

Jianne （楼主）

手机端的使用场景多吗，多的话适配一下

HG_Gang

6 声望

还可以。阔以看看源码嘛 :smile: :smile: :smile:

1年前评论

Jianne （楼主）

现阶段完成度不高，看后面如果感兴趣的人多，可以整理下开源出来

awttt11

0 声望

富文本用的哪个库

1年前评论

Jianne （楼主）

编辑器选型是一段很曲折的经历，需要支持Vue3、基本的Markdown文本格式，能完全自定义样式（包括支持暗黑模式，修改工具栏图标，以及最终内容渲染结果等）使其符合站点风格。

先后使用过 tiptap、vditor、cherry-markdown、bytemd：

tiptap 最为接近，能很好的支持vue3且能自行修改样式，支持多人协同编辑，但是不支持markdown内容输出，较为可惜；
vditor 编辑器功能完整，基本能直接使用，稍加扩展便可以支持暗黑模式，但是工具栏图标、内容渲染样式自定义较为麻烦；
cherry-markdown 和 bytemd，大厂出品… 扩展起来有难度…

最终选择的是 milkdown，一个类似 typora 的编辑器，支持多人编辑，其中的plugin机制也能很好的满足扩展需求。

wml_macho

136 声望

已经很不错了

1年前评论

Jianne （楼主）

在考虑加一些好玩的功能

芝麻开门

课程读者 143 声望

建议做前端后分离，开源

1年前评论

Jianne （楼主）

nuxt3 版本已经在路上了 😎

逆天西瓜

18 声望

还行，但我选择 flarum

1年前评论

Jianne （楼主）

这评价很高，没想到会拿来和 flarum 对比

sinmu

课程读者 88 声望

请问一下，你这个每日趋势是咋弄到的呀？

1年前评论

Jianne （楼主）

和 RSS 模块一样的逻辑，都是获取页面数据按规则解析

rufo

课程读者 292 声望

不错

1年前评论

pingfan

464 声望

网站访问不了

1年前评论

Jianne （楼主）

是有什么报错吗

pingfan （作者）

@Jianne 是我这边网络问题 :see_no_evil:

Jianne （楼主）

@yanthink ok

杨顾昂

7 声望

开源了吗 :smiley:

1年前评论

guoliang1994

见习助教 146 声望 / 创始人 @ 比特莱布斯软件工作室(bit-labs.cn)

file

太慢了~

1年前评论

Jianne （楼主）

最近忙着底层升级，我关注一下访问速度这块儿～

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

293 声望

全栈工程师 @ sinan.fun

纠错改进

成为赞助商