星度主题代码示例：自定义链接卡片、我的设备页面

本文介绍了两个适合Halo代码示例，分别是新增自定义链接卡片和我的设备页面。

1.链接卡片

Halo有链接卡片插件，但是很多网站都没有办法获取图片等资源，导致整个卡片都非常丑，包括下面这样的丑陋卡片（携程和又见梅林自己的网站）：

于是在这个文章发布一下链接卡片的代码，已经将CSS样式置入主题，文章发布可以直接使用HTML代码。包含封面图片、标题、副标题和链接，已完成手机端自适应。下面是PC端和手机端的效果预览。

大年初五结束了万岁山武侠城的游览，初六第二站来到开封清明上河园，依旧人山人海。主要观赏的表演和节目有：岳飞枪挑小梁王、东京保卫战、打铁花烟花秀……

CSS:

HTML:

注意使用时需要关闭文章-设置的自动序号，使用HTML需要修改：<--bg-image: url> <img> <p> <span>

新增了一个我的设备页面用来推荐我使用的好物，持续更新中。

PC端每行3个，移动端每行1个，包含设备图片、标题、副标题、评价文字和打分。您可以点击下面链接卡片跳转查看或者直接看下面的嵌入预览：

下方嵌入浏览：

CSS：

HTML：