博客功能演示:代码高亮 / 附件下载 / 视频播放
这篇示例文章用来验证博客正文的三项能力:代码高亮、附件下载卡片、视频自适应播放。
这篇是博客系统的功能演示,用来确认前台正文排版是否正常。
一、代码高亮
在编辑器里插入代码块(TinyMCE 的 codesample),前台由 Prism 自动上色;鼠标移到代码块右上角会出现「复制」按钮。
public function index(): View
{
// 展示分类数据:LeekAdmin PHP 代码示例
return view('blog/index/index', [
'lately' => ArticleService::recommend('lately', 9),
'topping' => ArticleService::recommend('topping', 3),
]);
}二、附件下载
正文里插入指向文件地址的链接,前台会自动识别扩展名并渲染成下载卡片:
三、视频播放
插入 video 标签(或 B 站 / 腾讯视频 iframe),宽度自动适应容器:
四、图片
正文图片点击可放大查看。

海报可长按保存,也可直接下载