视频推荐示例

这是一个使用卡片式布局推荐bilibili视频的示例，展示了如何在Hexo博客中美观地嵌入视频。

推荐视频

卡片式视频推荐

教程 Python

【教程】Python 零基础入门到精通

本教程涵盖了 Python 的基础知识、面向对象编程、Web 开发等内容，适合零基础的同学学习。

15:46

科普 人工智能

【科普】人工智能如何改变我们的生活

探讨人工智能技术的发展历程，以及它如何影响我们的日常生活、工作和社会。

UP 主：科技前沿 播放量：50 万+

相关推荐

你可能还喜欢

Python 高级特性详解

UP主：编程爱好者

人工智能入门教程

UP主：科技前沿

Web开发实战指南

UP主：编程爱好者

如何使用

1. 获取视频嵌入代码：

   • 打开bilibili视频页面
   • 点击视频下方的「分享」按钮
   • 选择「嵌入代码」
   • 复制生成的iframe代码

2. 替换视频信息：

   • 将iframe中的aid和cid替换为你想要嵌入的视频ID
   • 修改视频标题、描述、UP主和播放量信息

3. 添加更多视频：

   • 复制整个video-card结构
   • 修改相应的视频信息

技术说明

• 响应式设计：视频卡片会根据屏幕尺寸自动调整大小
• 悬停效果：鼠标悬停时卡片会轻微上浮，增加交互感
• 美观布局：使用卡片式设计，包含视频播放器和详细信息
• 主题适配：使用主题的颜色变量，与博客风格保持一致
• 高清播放：添加了 high_quality=1 和 as_wide=1 参数，确保视频正常加载

你可以根据自己的需求修改视频信息和样式，创建属于自己的视频推荐页面！