html - 使用 `iframe` 显示 LinkedIn 内容
问题描述
我正在制作我的网站,我想将我的 LinkedIn 个人资料放在 Bio 部分。但是,当我使用时iframe
,我得到 LinkedIn 拒绝连接。有没有办法使用 HTML 将我的 LinkedIn 个人资料嵌入我的网站?谢谢!
<iframe src="https://www.linkedin.com/in/your-name"></iframe>
产量:
解决方案
LinkedIn 允许您创建徽章,并将该徽章放入您的投资组合/网站。因此,要制作 LinkedIn 徽章,请按照以下步骤操作:
- 在您的 LinkedIn 个人资料中,单击
Contact Info
连接数旁边的。 - 然后点击右上角的笔进行编辑
Contact Info
。 - 您会注意到的第一件事是您的 LinkedIn 个人资料链接。点击它。
- 将打开一个新页面,您会在页面右侧看到一列,在其末尾,您会在底部找到一个标题为 的框
Public Profile badge
和一个按钮。Create a badge
单击该按钮。 - 复制
script
标签并将其粘贴到 HTML 工作表的底部。 - 向下滚动,您会找到 4 种徽章设计。选择正确的并从其底部复制其代码并将其粘贴到您希望共享徽章的位置。
我知道这是一个漫长的旅程,但这是值得的。
注意:您的 LinkedIn 个人资料的链接将始终在当前选项卡中打开,即使您将a
属性添加到标签中也是如此target="_blank" rel="noopener noreferrer"
。如果您希望在新选项卡中打开链接,请将这行代码放在head
HTML sheet 开头的标记内<base target="_blank" />
。
另一个重要注意事项:将base
标签放入head
标签后,默认情况下,该工作表中的每个a
标签都将在新选项卡中打开。
快乐的编码和好运
推荐阅读
- javascript - 如何动态获取firestore子集合及其内容?
- javascript - 自动填写 HTML 表单的问题
- flutter - 从 alertDialing 调用 Provider 方法并等待结果
- c - 为什么 C 不将字符串存储为字符的链表?
- android - java.lang.StackOverflowError:堆栈大小 8MB 问题,在递归 android studio
- python - EOFError:读取一行python多处理时出现EOF
- javascript - 如何在反应中删除我的返回函数中的第 n 个组件
- typescript - NextJS - 缓存在服务器上的新日期
- javascript - 将对象数组传递给另一个函数 onclick
- authentication - 用户被验证为 GUEST 的问题