跳至正文
-
关注
IT极限技术分享汇

ITmax

IT极限技术分享汇

ITmax

  • 首页
  • 商店
  • 我的帐户
  • 结账
  • 购物车
  • 首页
  • 商店
  • 我的帐户
  • 结账
  • 购物车
关

搜索

技术分享

抖音私信卡片源码,揭秘抖音私信卡片生成的源码和技术原理

作者 product
2025年7月23日 1 分钟阅读
0

摘要

抖音卡片是如何生成的?其实抖音是直接抓取html页面的一些信息来生成封面图、主标题、副标题的。

image.png

代码

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, viewport-fit=cover" />
    <link rel="shortcut icon" type="image/x-icon" href="这是封面图URL" />
    <meta name="description" content="这是副标题" />
    <title>这是主标题</title>
    <meta property="og:title" content="这是主标题" />
    <meta property="og:description" content="这是副标题" />
    <meta property="og:url" content="跳转链接" />
    <meta property="og:image" content="这是封面图URL" />
</head>
<body>
    <h1>抖音卡片演示</h1>
</body>
</html>

传到服务器,抖音扫码,分享出去就是卡片!市面上的外链系统,抖音卡片就是这么生成的。

成品

image.png

image.png

image.png

源码

https://gitee.com/likeyun/liKeYun_Ylb

https://segmentfault.com/a/1190000046915952

作者

product

关注我
其他文章
上一个

我觉得程序员应该是最适合女性的职位,但是为什么女程序员那么少?

下一个

一个程序员的水平能差到什么程度?

暂无评论!成为第一个。

发表回复 取消回复

您的邮箱地址不会被公开。 必填项已用 * 标注

Copyright 2026 — IT极限技术分享汇. 备案号:浙ICP备17006560号-2