SevDot

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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