「分享」最近写的一个小小博客~~~

最新的博客开源啦~~~ 哈哈哈。利用空余时间将以前的老博客更新重写了一下。模仿了两个博客的ui。基于 vue3+element-plus+laravel8.x前后端分离构建的一款博客应用。最新版本已经使用laravel-octane加速运行✅

前端UI参考

博客地址

实现了一些小功能

  • 主题切换

  • 前后端分离下第三方授权登录

  • 响应式

最新的博客开源咯

最新的博客开源咯

  • 模仿论坛样式的二级评论(ps 模范不到位 。挺丑的感觉)

最近写的一个小小博客~~

  • 评论框监听渲染(这个功能很简单我就不上图了。

前端使用到的一些组件和库

  • element-plus 处理封装一些组件其他基本是使用了ui框架提供的
  • vue-wechat-title 页面title渲染
  • vue-router 前端路由
  • vuex状态管理、cookie(存储token用户状态) localStorage 用户信息 数据缓存
  • axios 封装了请求和响应拦截器 处理api异常逻辑
  • simplemde+highlight maradown渲染以及代码高亮
  • nprogress实现进度条

后端没啥好说的curd

  • jwt 前后端分离下身份验证
  • redis 缓存热点文章 异步队列处理提交评论解析ip用户的地址信息(守护进程消费)
  • 使用了自己开发的包实现了第三方登录 thirdparty_oauth
  • dcat-admin快速开发的管理后台
  • 评论curd

最后博客功能搭建起来比较简单 整个开发流程中百分之八十的时间都是在处理前端页面以及样式– 😄 😄 😄 关于样式–后续会慢慢优化

最后能挥挥小手给我点个star吗 ❤️

github.com/pl1998/plBlog

本作品采用《CC 协议》,转载必须注明作者和本文链接
不成大牛,不改個簽
本帖由系统于 4个月前 自动加精
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 31

我也觉得前端搞起来好费时。并且写不好前端页面 :joy:,膜拜大佬

4个月前 评论
小李世界

图片大了点,打开要 10 MB

4个月前 评论

@小李世界 哈哈 图片都存放在服务器本地 没挂七牛云存储 等个人认证申请下来 :joy:

4个月前 评论

@SevenMonths 是啊是啊 最头疼页面

4个月前 评论

很好,很二次元 :grinning:

4个月前 评论
godruoyi

这小飞机我能玩一天

file

4个月前 评论

@godruoyi 别光玩呀 star一下 :speak_no_evil:

4个月前 评论

小伙子,那个插件发我一下?

4个月前 评论

@AyuAyu 必须可爱 :speak_no_evil:

4个月前 评论
蔺焕然

赞啊

4个月前 评论

会前端的后端是个好运维

3个月前 评论

还是想知道你们这个移动端pc端都是如何适配的

3个月前 评论

@1411153634 element-plus 的容器是响应式的 如果部分div容器标签不能响应 可以使用css3@media慢慢调整

3个月前 评论
1411153634 3个月前

前端页面写的不错,mark

3个月前 评论

@Qlct 哈哈 点个star在走呗

3个月前 评论

@Tibbers 哈哈 点个star 在走呗

3个月前 评论
Qlct 3个月前
Tibbers 3个月前

点了,代码可以使用不,准备自己搭建一个博客,你的挺好看的,本人前端是硬伤啊

1个月前 评论

亲,你的博客animate.min.css这个文件加载异常,会导致页面加载时间超长~

1个月前 评论

@exzhang 你看看index.html文件 因为是cdn方式引入的 可以去掉 它只是一个动画插件

file

1个月前 评论

@exzhang 这个应该和你网络有关系

1个月前 评论
exzhang 1个月前

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