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

分享创造 / 2055 / 39 / 创建于 5个月前 / 更新于 5个月前

站点地址：sinan.fun/home

首页

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

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

内容详情页

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

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

用户资料页

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

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

sinan.fun

本帖已被设为精华帖！

附言 1 · 5个月前

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

本帖由系统于 4个月前自动加精

课程读者 291 声望

全栈工程师 @ sinan.fun

会写点代码

《L03 构架 API 服务器》

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

《G01 Go 实战入门》

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

推荐文章：

更多推荐...

工作小锦囊系列——如何实现一个车辆预定功能（下） 13 / 15 |

冯老师的困惑——测试和正式环境掐架篇（一） 15 / 23 |

简单对比一下DcatAdmin和filament的各自优缺点 29 / 35 |

历时一个月，《穿透Laravel》全书完成！ 88 / 25 |

面试 POPER 的后端开发工程师的离奇经历 35 / 104 |

[开源项目] 基于 laravel 开发的一个社区/社交小程序 23 / 47 |

讨论数量: 39

ononl

156 声望

访问很慢是怎么回事

5个月前评论

Jianne （楼主）

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

pigzzz

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

ui挺不错

5个月前评论

Jianne （楼主）

unocss 纯手写，还在改进中

JinBB

149 声望

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

5个月前评论

Jianne （楼主）

无人机

Jianne

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

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

5个月前评论

王小大

Laravel 9.x 译者 150 声望

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

5个月前评论

Latent

Laravel 8.x 译者 521 声望

:+1:

5个月前评论

Jianne （楼主）

感谢关注～

Jianne

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

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

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

file

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

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

5个月前评论

王小大

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

还不出来

Laravel 8.x 译者 145 声望

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

5个月前评论

Jianne （楼主）

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

ltaoo

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

Jianne （楼主）

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

ltaoo

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

fffswhk

课程读者 197 声望

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

5个月前评论

Jianne （楼主）

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

xihuheyi

课程读者 1 声望

手机端没有适配

5个月前评论

Jianne （楼主）

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

HG_Gang

6 声望

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

5个月前评论

Jianne （楼主）

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

awttt11

0 声望

富文本用的哪个库

5个月前评论

Jianne （楼主）

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

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

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

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

wml_macho

110 声望

已经很不错了

4个月前评论

Jianne （楼主）

在考虑加一些好玩的功能

芝麻开门

课程读者 106 声望

建议做前端后分离，开源

4个月前评论

Jianne （楼主）

nuxt3 版本已经在路上了 😎

逆天西瓜

18 声望

还行，但我选择 flarum

3个月前评论

Jianne （楼主）

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

sinmu

课程读者 86 声望

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

2个月前评论

Jianne （楼主）

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

rufo

课程读者 288 声望

不错

2个月前评论

yanthink

455 声望

网站访问不了

2个月前评论

Jianne （楼主）

是有什么报错吗

yanthink （作者）

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

Jianne （楼主）

@yanthink ok

杨顾昂

4 声望

开源了吗 :smiley:

2个月前评论

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

帮助

291 声望

全栈工程师 @ sinan.fun

纠错改进

成为赞助商