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

最新的博客开源啦~~~ 哈哈哈。利用空余时间将以前的老博客更新重写了一下。模仿了两个博客的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 协议》,转载必须注明作者和本文链接
不成大牛,不改個簽
本帖由系统于 2年前 自动加精
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
讨论数量: 31
QIN秦同学

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

2年前 评论

图片大了点,打开要 10 MB

2年前 评论

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

2年前 评论
godruoyi

这小飞机我能玩一天

file

2年前 评论

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

2年前 评论

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

2年前 评论
蔺焕然

赞啊

2年前 评论

会前端的后端是个好运维

2年前 评论

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

2年前 评论

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

2年前 评论
1411153634 2年前

前端页面写的不错,mark

2年前 评论

@Tibbers 哈哈 点个star 在走呗

2年前 评论
Qlct 2年前
Tibbers 2年前

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

2年前 评论

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

2年前 评论

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

file

2年前 评论

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

2年前 评论
exzhang 2年前

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