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

分享创造 / 24 / 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

会写点代码

《L01 基础入门》

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

《G01 Go 实战入门》

从零开始带你一步步开发一个 Go 博客项目，让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。

推荐文章：

更多推荐...

10年了，兜兜转转，我还是回去了 25 / 41 |

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

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

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

nuxt + laravel 第一次做全栈，AI 考研英语，希望听听大家的意见和批评，谢谢各位！ 24 / 26 |

社区老员第二弹 -- 免费开源跨境电商系统 InnoShop 正式发布 15 / 16 |

讨论数量: 41

ononl

201 声望

访问很慢是怎么回事

1年前评论

Jianne （楼主）

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

pigzzz

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

ui挺不错

1年前评论

Jianne （楼主）

unocss 纯手写，还在改进中

JinBB

152 声望

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

1年前评论

Jianne （楼主）

无人机

Jianne

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

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

1年前评论

王小大

Laravel 9.x 译者 152 声望

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

1年前评论

Latent

Laravel 8.x 译者 524 声望

:+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

课程读者 206 声望

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

117 声望

已经很不错了

1年前评论

Jianne （楼主）

在考虑加一些好玩的功能

芝麻开门

课程读者 142 声望

建议做前端后分离，开源

1年前评论

Jianne （楼主）

nuxt3 版本已经在路上了 😎

逆天西瓜

18 声望

还行，但我选择 flarum

1年前评论

Jianne （楼主）

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

sinmu

课程读者 88 声望

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

1年前评论

Jianne （楼主）

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

rufo

课程读者 292 声望

不错

1年前评论

pingfan

457 声望

网站访问不了

1年前评论

Jianne （楼主）

是有什么报错吗

pingfan （作者）

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

Jianne （楼主）

@yanthink ok

杨顾昂

7 声望

开源了吗 :smiley:

1年前评论

guoliang1994

见习助教 105 声望 / 技术小组长 @ bit-labs

file

太慢了~

10个月前评论

Jianne （楼主）

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

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

帮助

293 声望

全栈工程师 @ sinan.fun

纠错改进

成为赞助商