中博智创
技术分享 2026-10-22 00:12 54 次阅读

博客功能演示:代码高亮 / 附件下载 / 视频播放

这篇示例文章用来验证博客正文的三项能力:代码高亮、附件下载卡片、视频自适应播放。

这篇是博客系统的功能演示,用来确认前台正文排版是否正常。

一、代码高亮

在编辑器里插入代码块(TinyMCE 的 codesample),前台由 Prism 自动上色;鼠标移到代码块右上角会出现「复制」按钮。

public function index(): View
 {
     // 展示分类数据:LeekAdmin PHP 代码示例
     return view('blog/index/index', [
         'lately'  => ArticleService::recommend('lately', 9),
         'topping' => ArticleService::recommend('topping', 3),
     ]);
 }

二、附件下载

正文里插入指向文件地址的链接,前台会自动识别扩展名并渲染成下载卡片:

robots.txt(示例附件)

三、视频播放

插入 video 标签(或 B 站 / 腾讯视频 iframe),宽度自动适应容器:

四、图片

正文图片点击可放大查看。

示例图片

海报可长按保存,也可直接下载
上一篇PHP中多态性是什么意思?