自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

SevDot

崇尚独立开发,追求自由职业。

  • 博客(43)
  • 收藏
  • 关注

原创 通过简单实现 PHP 请求模拟赚了 50 元

虽然他出的钱并不多,但是当时我恰好没有什么事情,就接了,我拷贝了之前写的代码,然后再改一下,很快就调通了,截图给他看,他确认没有问题后给我发了 50 元的红包,我也把文件发给他了,整个事情就结束了。首先他是懂 PHP 开发的,是在开发中遇到了难题,不知道是他懒得去搜索还是没有搜索到解决方案,而这个难题实际上就是一个 PHP 实现请求模拟的小问题。这个周末发生了一件有趣的事情:在群里看到有人需要做 PHP 开发的协助,并承诺有报酬,我自荐后解决了问题,获得了 50 元。接下来我详细的说说整个事情的经过。

2022-10-24 10:47:48 306 1

转载 Laravel Homestead 配置 Vite 热加载

今天使用 Laravel 最新版本开发新项目的时候,发现 Laravel 已经使用 Vite 作为默认前端资源捆绑器,使用 Tailwind 作为默认的 CSS 框架。当我按照 Tailwind 文档使用某个 CSS 类的时候,并没有得到想要的效果,开始以为是 Tailwind 版本不对,经过搜索发现不是,有人提示要执行。使用 Laravel 最新版本开发项目的时候,在使用 Vite 时遇到一些问题,现在整理成博客分享出来,希望对遇到同样问题的人有一些帮助。经过一番搜索,找到解决方法,只需配置一下。

2022-10-17 11:29:31 699

原创 Laravel 博客开发|网站打开速度优化

这篇文章记录了我优化个人博客网站打开速度的过程,如果你打算优化 Laravel 项目的打开速度的话,或许可以参考一下。先来看看优化前的打开速度:再看看优化后的打开速度:可以看到打开速度从 17.22 秒降到了 0.54 秒,优化效果还是挺明显的。从优化前的图片来看,访问最慢的是 这张图片,这是我微信公众号的扫描关注图片,有点大了,在不能去除掉的情况下,只能压缩,压缩后图片就只有 35.5 kb,打开速度明显降下去了。还有优化空间,接下来就是开启 gzip,打开 文件,在区域里面添加如下内容:运行以

2022-08-26 10:03:35 309

原创 Laravel 博客开发|RSS 订阅

RSS(简易信息聚合)是一种消息来源格式规范,用以聚合经常发布更新数据的网站,例如博客文章、新闻、音频或视频的网摘。RSS 文件(或称做摘要、网络摘要、或频更新,提供到频道)包含全文或是节录的文字,再加上发布者所订阅之网摘数据和授权的元数据。这篇文章中与你分享,如何使用扩展来实现 Laravel 博客 RSS 订阅。...

2022-08-26 09:58:35 257

原创 Laravel 博客开发|生成站点地图

SiteMap(站点地图) 是一个列出你网站网页的文件,来告知 Google 和其他搜索引擎您网站内容的组织情况。Googlebot 等搜索引擎网络抓取工具读取此文件,以更智能地抓取您的网站。对于新建的博客来说,SiteMap 对于 SEO 优化很重要,所以在这篇文章中与你分享,如何使用扩展为 Laravel 博客生成站点地图。...

2022-08-26 09:55:46 451

原创 Laravel 博客开发|部署上线

个人博客已经开发完成,现在来部署上线。

2022-08-26 09:51:53 994

原创 Laravel 博客开发|导入 md 博客文章

我之前的博客是使用 Hugo 和 Github 搭建的,写了 50 多篇博客,现在使用 Laravel 和 Bulma 重新开发了博客,新博客的文章是存在数据库的,而原来的博客是 md 文件,我想保留原来写的博客文章,又不想一篇一篇的添加,所以我需要写程序,导入 md 文件创建博客文章并保存到数据库。可以看到,博客文章的标题、日期和分类是包裹在两个---里面,是 YAML 格式的内容,外面的内容才是博客文章的正文。

2022-08-25 10:28:20 332

原创 Laravel 博客开发|自动生成 Slug

前面在文章表中添加了slug字段,用于存文章标题的英文翻译,并且在管理后台添加和编辑文章的时候可以填入slug字段。现在来做一点修改,在添加文章的时候如果没有填入slug字段的时候,自动将文章标题翻译为英文,并存到slug字段。为了实现自动生成slug在没有填写slug字段的时候,调用百度翻译 API 将文章标题翻译成英文,百度翻译的 API 免费次数是有限的,如果百度翻译不可用的时候,就使用将文章标题转换为汉语拼音。

2022-08-25 10:17:45 702

原创 Laravel 博客开发|模型访问器

当你在 Eloquent 模型实例中获取或设置某些属性值的时候,访问器和修改器允许你对 Eloquent 属性值进行格式化。例如,你可能需要使用 Laravel 加密器来加密保存在数据库中的值,而在使用 Eloquent 模型访问该属性的时候自动进行解密其值。或者,当通过 Eloquent 模型访问存储在数据库的 JSON 字符串时,你可能希望将其转换为数组。访问器会在访问一个模型的属性时转换 Eloquent 值。要定义访问器,请在模型中创建一个受保护的「驼峰式」方法来表示可访问属性。

2022-08-25 10:12:40 327

原创 Laravel 博客开发|SEO 友好的 URL

博客已经开发完成了,准备上线的时候发现一个问题,原来博客文章详情的 URL 是这样的,现在博客文章详情的 URL 是的,相比之下,原来的 URL 更好,释义的 URL 有助于搜索引擎优化(SEO)。此外,如果与原来的 URL 不一致,那么以前 URL 的就打不开,一些被搜索引擎收录的链接就打不开了。

2022-08-25 10:04:40 271

原创 Laravel 博客开发|管理后台里程碑管理

前面已经实现在管理后台的项目管理,现在来实现管理后台的项目里程碑管理。

2022-08-25 10:00:25 109

原创 Laravel 博客开发|后台项目管理

在博客应用中,除了展示文章外,还展示项目,文章和项目都是在管理后台管理的,现在要实现在后台管理项目管理。

2022-08-25 09:57:08 246

原创 Laravel 博客开发|markdown 文章详情

前面已经完成了管理后台的文章管理,在管理后台可以添加、编辑和删除文章,添加和编辑文章的时候,文章内容使用的时候 Markdown 编辑器,但是现在不能解析 Markdown 内容,文章详情内容显示是错乱的。...

2022-06-14 23:37:38 244

原创 Laravel 博客开发|模型观察器

在前面已经完成管理后台添加文章,添加文章的时候除了选择专栏、输入标题和编辑文章内容之外,还需要填写摘要,摘要将作为文章页面的 元标签使用,有利于 SEO 搜索引擎优化。

2022-06-14 23:30:56 212

原创 Laravel 博客开发|后台文章管理

前面已经使用 Dcat Admin 生成了一个管理后台,并且完成了专栏管理,现在来实现后台的文章管理。

2022-06-14 23:28:08 638 2

原创 Laravel 博客开发|Dcat Admin 安装与使用

博客前台展示页面基本开发完成,还需要一个管理后台,管理专栏、文章、项目等数据,现在就开始实现管理后台的功能。为了更快的开发管理后台,我使用 Dcat Admin 扩展来辅助开发。Dcat Admin 是一个基于 laravel-admin 二次开发而成的后台系统构建工具,只需很少的代码即可快速构建出一个功能完善的高颜值后台系统。支持页面一键生成 CURD 代码,内置丰富的后台常用组件,开箱即用,让开发者告别冗杂的 HTML 代码,对后端开发者非常友好。...

2022-06-13 22:44:32 4810

原创 Laravel 博客开发|视图优化

前面已经完成了博客前端所有页面的开发,现在需要对页面视图做一些优化。在博客中有一些重复的视图,为了后面的维护,现在需要单独抽离出来。

2022-06-13 22:39:40 113

原创 Laravel 博客开发|项目详情

在前面实现了项目列表的展示,现在来实现项目详情页面。

2022-06-13 22:37:16 173

原创 Laravel 博客开发|项目列表

在前面已经创建了项目数据表,并且为项目表填充了假数据,现在来实现项目列表页,将项目数据展示出来。

2022-06-13 22:33:54 126

原创 Laravel 博客开发|项目与里程碑的一对多关系

我的个人博客应用最重要的两个部分是:博客文章和项目,前面已经实现了文章列表和文章详情的展示,现在来实现项目相关的功能,包括项目和里程碑。

2022-06-12 23:38:15 167

原创 Laravel 博客开发|文章详情页

前面已经完成了博客文章列表的展示页面,现在要来完成博客文章的详情页面。

2022-06-12 23:36:15 165

原创 Laravel 博客开发|自定义分页

Laravel 项目默认情况下,由分页器生成的 HTML 与 Tailwind CSS 框架 兼容,然而,我使用的是 Bulma CSS 框架,现在需要自定义一个兼容 Bulma CSS 框架兼容的分页。

2022-06-12 23:34:14 375

原创 Laravel 博客开发|博客页面

已经在首页显示了最新的 10 条博客文章数据,今天来添加一个博客页面,在这个页面可以显示所有的博客文章。

2022-06-11 17:58:06 217

原创 Laravel 博客开发|首页展示最新文章

前面已经做一些准备工作,接下来实现博客最重要的部分,展示博客文章列表和博客文章详情,在我的博客应用中,首页要显示最近的博客文章,现在就来实现这部分。在前面已经定义过路由,首页的展示方法是 控制器的 方法控制,现在修改 方法里面的代码:。使用 Eloquent 文章模型提供的 方法检索查询结果,在取出数据之前,使用 Eloquent 模型提供的 方法,通过指定字段名和排序方式来对文章进行排序,这里将所有文章按创建时间 对文章进行降序 排序,让新创建的文章靠前。然后,使用 方法限制取出数据,这里只取

2022-06-11 17:56:42 198

原创 Laravel 博客开发|填充博客文章数据

先前已经给专栏数据表填充了 10 专栏数据,现在给文章数据表填充点数据,为后续开发做准备。

2022-06-11 17:51:16 112

原创 Laravel 博客开发|Eloquent 模型

Laravel 包含了 Eloquent,这是一个对象关系映射器(ORM),使与数据库的交互变得很愉快。

2022-06-11 17:47:42 283

原创 Laravel 博客开发|数据填充

在我的博客应用中,每个篇博客文章都属于某一个专栏,在显示文章列表之前,先为专栏填充一些数据。

2022-06-10 22:22:54 478

原创 Laravel 博客开发|数据库迁移

我的博客项目是开源的,如果有人想运行这个博客看看的话,Laravel 数据库迁移可以让我们的数据结构保持一致。在博客项目中,创建文章依赖于专栏,先来实现专栏数据表的迁移和数据填充。

2022-06-10 22:12:12 696

原创 Laravel 博客开发|使用 Blade 设置布局模版

在 Web 开发中会遇到许多页面布局很相似,甚至许多页面的头部和底部显示都是一样的,比如我的这个博客应用,前端所有展示页面的头部和底部就是一样的。如果每个页面都要重复写这些代码,会导致代码不够灵活、简洁,当然谁也不愿意做重复工作。为了使后面的开发更容易,更好的维护代码,需要设置一个模版,这个模版包含一些通用的视图,页面只要继承这个模版,就拥有模版里面的内容。Laravel 的 Blade 模板支持继承,这意味多个子视图可以共用父视图提供的视图模板,接下来就是使用 Blade 设置模版。...

2022-06-10 22:06:05 587

原创 Laravel 博客开发|路由和静态页面

创建好应用,安装好 Bulma,接下来就是开发页面,现在开始在 Laravel 项目中添加路由和静态页面。

2022-06-10 21:52:52 701

原创 Laravel 博客开发|Laravel 项目中安装和使用 Bulma

Bulma 是基于 Flexbox 的免费、开源和现代无依赖的 CSS 框架,在 Laravel 项目中使用 Bulma 很简单,可以直接引入 CDN 方式来使用, 也可以通过 安装方式来使用, 今天我将在博客项目中通过 安装方式来使用 Bulma。...

2022-06-08 13:58:39 458 2

原创 Laravel 博客开发|在 Homestead 中创建 Laravel 应用

Laravel 基于 PHP 语言的一个简洁优雅 Web 开源框架,采用了 MVC 的架构模式,今天我就使用 Laravel 创建一个博客应用。

2022-06-08 11:45:22 214

原创 基于 Laravel 9 和 Bulma 开发的个人博客

历时 7 天终于把我的个人博客网站开发完成,sd-blog 是基于 Laravel 9 和 Bulma 开发的个人博客网站,管理后台使用 Dcat Admin 开发的。开源地址:https://github.com/sevdot/sd-blog博客地址:http://www.sevdot.com开发日志在业余时间开发了这个博客应用,开发过程中做了记录,以下是开发日志:1. 从零开发个人博客-第 0 天2. 从零开发个人博客-第 1 天3. 从零开发个人博客-第 2 天3. 从零开发个人博客-

2022-05-10 21:55:01 254

原创 如何在 Vue 组件中更好的引入一个第三方 JS

在使用 Vue 开发项目的时候经常会用到一些不错的第三方库,但是有一些库并没有提供 npm 安装方式,没法使用 import 的方式引入。比如 vaptcha 手势验证码, vapthca 是一个使用比较多的第三方手势验证码,但是官方文档没有找到 npm 安装的方式。通常在使用这种第三方库的时候会在在 index.html 文件中引入第三方库提供的 sdk。在 index.html 中引入 vaptcha 是全局使用,会应用到任何组件中,但是实际仅仅会在登录界面( login.vue )使用到

2020-06-03 11:35:30 1491

原创 Github 上 基于 Vue 的 12 个开源且优秀的 UI 组件库

越来越多的公司开始使用 Vue 开发各种项目, Vue 项目是组件化开发,在开发工程师使用各种各样的组件,例如:按钮、表单、选项卡、消息提示、上拉加载/下拉刷新等许多组件,许多中大型公司都有自己的组件库。对于个人或者初创公司,甚至是一些中小型公司要开发一套自己的组件库并不是容易。幸运的是在 Github 上有许多免费开源的 UI 组件库,这里推荐 12 个优秀的组件库。element饿了么前端推出的基于 Vue.js 2.0 的后台组件库,它能

2020-05-25 12:47:24 4139

原创 laravel 项目如何实现 Github 登录

为了让用户更好的使用网站,简化用户注册流程,很多网站都支持第三方登录,包括微信、QQ、微博、Github等,我的个人网站–SevDot,也需要支持 Github 登录,本文以我的个人网站为例,介绍如何在 laravel 项目中实现 github 登录。安装 laravel 扩展包Laravel 已提供 laravel/socialite 解决社会化登录问题,使用起来也非常简单,但是仅支持一些国...

2018-10-15 10:09:03 987

原创 Github 上 Star 最多的 10 大 CSS 框架

Web 开发工程师在开发页面样式的时候需要花费大量的时间开发,其中最头疼的还是浏览器的兼容性问题,最省事的是使用 CSS 框架,幸运的是一些大神编写了一套精美的 CSS 框架并开源出来,那么有哪些不错的 CSS 框架呢?我收集了一些资料和数据来和大家讨论,下面我就说说 Github 上 star 最多的 10 大 CSS框架。BootstrapGithub star 数量 127269...

2018-09-17 09:17:54 371

原创 如何在 Laravel 项目中轻松实现拖拽和剪切板黏贴上传图片?

许多平台或者网站都支持用户在评论中上传图片,为了用户能更好的上传图片,许多都支持拖拽和剪切板粘贴上传,用起来感觉很酷,在开发我的个人网站时也需要这样的功能,在《如何在Laravel项目中轻松实现上传头像功能?》中已经实现了简单的图片上传功能,接下来介绍拖拽和剪切板粘贴上传图片。评论框在 views/articles 目录下创建 _comment_editor.blade.php 文件,在里...

2018-09-11 09:14:12 623 1

原创 如何在 Laravel 项目中轻松实现上传头像功能?

在web开发中经常使用图片上传功能,目前有许多免费的资源可以让开发者轻松实现图片上传功能,那如何在 laravel 项目中轻松实现上传头像功能呢?最近我在开发我的个人网站时就用到这个功能,下面我说说我的具体实现思路。设计数据表字段我们需要在 users 用户表里面添加一个 avatar 字段来存用户的头像地址,生成用户表的迁移文件 database/migrations/[times...

2018-09-07 09:32:06 1723 2

原创 作为一名程序员,如何利用自己的技术去创业和赚钱?

在悟空问答上看到这个问题,就想分享自己的经历,以下是我在悟空问答上的回答,希望各位多多交流很喜欢这个问题,正想分享做为程序员的我是如何利用自己的技术赚钱的经历。从零基础自学编程,到成为全栈开发工程师已经4年了,期间做过很多技术赚钱的尝试,比如开淘宝店卖源码和学习视频,在猪八戒上卖二次开发服务,接下项目开发,给人解决开发问题获得报酬,帮人做毕业设计,这些做过的尝试比较多了。开淘宝店卖...

2018-09-04 15:25:38 48456 12

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除