嗯,嘘。 我在分享 Miriam's 时打开了一小罐蠕虫 “我还在 IndieWeb 上吗?” 用 短文哀叹自己的麻烦 登上 IndieWeb 列车。 但这是一个很好的蠕虫罐头。
我想这就像发表那篇短文后的第二天 大卫·尚斯克 伸出手来帮助我了解 IndieWeb 及其包含的组件。 如果它不是非常有用的话,天哪! 如此之多,以至于我想 将您链接到大卫在我们交谈后写的新帖子,然后尽我所能在这里总结一下,因为(1)写下来很有帮助,(2)以后有参考。
是的,IndieWeb 令人困惑。
大卫实际上已经帮助某人建立了他们的 WordPress 网站,所有这些都具有 IndieWeb 的能力。 那个人也在努力理解各个部分是如何组合在一起的。 所以,当 Miriam 和我写作的时候,大卫就已经想到了这一点。
“IndieWeb”对许多人来说是一个新名词,而这正是许多混乱滋生的地方。 它是一个框架吗? 哲学? 一套标准? 取决于它是哪一个,期望会随着它成为它的一部分而发生变化。
就是以上所有。 这需要巩固一下。 一旦您通过这些不同的镜头查看 IndieWeb 本身,它本身就没有什么令人困惑的地方。 阅读 David 的帖子后,我的理解是 IndieWeb 更像是一组协议。 类似于在标记中使用结构化数据或 OpenGraph。 本身没有什么可安装的,但是有一些标准可以将它们集成到您的工作中。
您的身份为 IndieWeb 提供动力。 换句话说,您的网站建立了您的身份,可以用来做很多事情,比如:
- 在提及其他 IndieWeb 支持的网站时通知它们
- 当您被提及时,接收来自其他 IndieWeb 站点的通知
- 从提及中获取信息并将其格式化以供显示
- 通过您自己的网站验证您的身份(一个谷歌登录按钮,但连接到您的网站)
- …除其他事项外。
如果那听起来像 pingbacks,那么它就是。 但更加健壮和维护。
在 WordPress 上实现 IndieWeb 功能比在静态站点上实现不同(也许更容易)。
最大的不同是 WordPress 提供了很多做 IndieWeb-y 事情所需的要求。 我喜欢大卫的解释:
WordPress 上的 IndieWeb 实现是一个 [series] 构建块,您可以选择使用或不使用它们,这就是它的美妙之处,但有时令人困惑。 WordPress 有一种决策哲学,而不是选项。 但是 IndieWeb 是关于选项的……关于构建适合您的功能。
这些构建块是您安装以将 IndieWeb 协议和技术添加到 WordPress 的插件。 那些很容易获得的东西真是太棒了,因为这需要大量的工作。 但是,运行一个静态站点,您需要自己建立大部分站点。
David 的帖子 100% 专注于 WordPress 的实施。 您的里程可能会有所不同,但您肯定会在阅读他的帖子后更好地了解可用的协议以及它们如何组合在一起 - 希望也是如此。
IndieWeb WordPress 插件建立您的身份。
我认为它在幕后做了很多事情,但它比这简单得多:
该插件本身会处理在 IndieWeb 看到的情况下建立您的身份。 它提供了一个 h-card 模板和小部件。 H-Card 是用于标记有关人或地点的信息的标记。 因此,无论如何,这是许多人选择放在他们网站上的元素。
因此,实际上,通过正确标记 WordPress 主题可以获得相同的效果。 这里的便利是你得到一个方便的小模板,它被标记为支持 h-card
开放格式 和一个小部件将其放入主题的小部件区域。
这是一个超级详细的例子 h-card
标记从 微格式文档2:
<div class="h-card"> <img class="u-photo" alt="photo of Mitchell" src="https://webfwd.org/content/about-experts/300.mitchellbaker/mentor_mbaker.jpg"/> <a class="p-name u-url" href="http://blog.lizardwrangler.com/" >Mitchell Baker</a> (<a class="u-url" href="https://twitter.com/MitchellBaker" >@MitchellBaker</a>) <span class="p-org">Mozilla Foundation</span> <p class="p-note"> Mitchell is responsible for setting the direction and scope of the Mozilla Foundation and its activities. </p> <span class="p-category">Strategy</span> <span class="p-category">Leadership</span>
</div>
看到那些类名了吗? 类如 .h-card
, u-photo
, p-name
等都为一个人的身份提供上下文含义,然后将其解析为 JSON:
{ "items": [{ "type": ["h-card"], "properties": { "photo": ["https://webfwd.org/content/about-experts/300.mitchellbaker/mentor_mbaker.jpg"], "name": ["Mitchell Baker"], "url": [ "http://blog.lizardwrangler.com/", "https://twitter.com/MitchellBaker" ], "org": ["Mozilla Foundation"], "note": ["Mitchell is responsible for setting the direction and scope of the Mozilla Foundation and its activities."], "category": [ "Strategy", "Leadership" ] } }]
}
该插件不进行发送、接收或解析。 相反,它为 WordPress 网站提供了一种在标记中验证您的身份的方法。
并非所有 WordPress 主题都支持微格式
如果您像我一样第一次看到“微格式”时就摸不着头脑,大卫很好地定义了它:
[…] 微格式…一种标记 HTML 以允许识别元素的方法。 这是执行此操作的几种方法之一,但它非常简单易读,这就是它在 IndieWeb 社区中流行的原因。
正如大卫继续说的那样,问题在于许多主题没有以对微格式友好的方式进行标记——这就是 Microformats2 插件 旨在修复。也就是说,大卫很快指出该插件在实现这一目标方面极其有限,他建议改为手动标记主题。
根据 David 的说法,Webmention 插件的下一个主要版本可能会包括更智能的方法来检测它可以使用的内容和图像,并将它们格式化以支持 Microformats2。
Webmentions 发送和接收通知。
好的,所以如果您已经通过您的网站建立了自己的身份,那么您就可以被发现,并且您的网站被标记为 h-card
支持使用 Microformats2。 伟大的! 您仍然需要在中间充当发送和接收通知的操作员。 换句话说,当另一个站点提到您时(称为 Webmention),提及您的站点需要一种方式来支持向您发送该提及,并且您的站点需要一种方式来接受它(反之亦然)。
那就是 网络提及插件 是为了。 这也可能是我大部分 IndieWeb 困惑的根源。 我认为它正在格式化数据,需要额外的服务来发送和接收它。 没有! 它实际上是发送和接收数据,而不是创建提及。 回到大卫:
当初建的时候,插件只处理接收和发送webmentions的业务,没有处理任何程度的显示。 Semantic Linkbacks,一个单独的插件不仅可以处理 web 提及,还可以处理旧的 pingback 和 trackback 协议。
因此,Webmention 插件正在传达通知。 同时,另一个名为 Semantic Linkbacks 的插件负责处理数据。 什么是语义链接?
语义链接获取和处理数据。
语义链接 是另一个处理另一部分过程的插件。 我没有办法比大卫已经做的更好地解释它了:
Semantic Linkbacks 接受一个 webmention,这是一个通知,另一个站点已链接到您站点上的某些内容,获取另一个站点,并尝试呈现信息的显示。 完成方式可能会有所不同,从仅个人资料照片(如果可以找到)到将其解释为完整评论。
它使用微格式来做到这一点。
我预计主要的 IndieWeb 插件已经这样做了,因为它处理其他标记。 但它仅提供模板和小部件以在您的网站上获取您的身份。 一旦 Semantic Linkbacks 插件获取传入的 webmention,它就会获取数据,对其进行格式化,然后尝试显示它。
听起来该插件将在某种程度上与即将发布的 Webmention 插件版本合并(或被替换):
由于许多人不愿意或不习惯修改主题,新版本的 Webmentions 将包括几种不同的替代方法来尝试查找要显示的图像或摘要……来自 OpenGraph(Facebook 和 Twitter 使用它来显示提供给它的 URL ) 来检测页面的 WordPress REST API 版本并使用它来获取作者姓名和个人资料图像。 它们都不会提供像 Microformats 那样多的上下文,但这种体验仍然值得安装。
这当然很好,因为它利用 WordPress REST API 来获取 JSON 响应和显示格式。
Brid.gy 是一项帮助显示交互的服务。
Webmention 可以是一种互动,比如有人喜欢您在 Twitter 上的帖子或转发它。
将点赞与转发与评论与任何需要发生的事情区分开来,您需要实现 Twitter(或其他)API 来区分这些区别。
那是你当然可以做的事情! 但如果您更愿意即插即用,IndieWeb 社区的一位成员提供了一项名为 布里奇. 您创建一个帐户,连接您的网站,并为该服务授予应用程序权限……然后您就完成了!
Brid.gy 所做的基本上是为 Twitter、Facebook、Instagram 等实现 API,因此当它检测到这些服务中的帖子与您的联合帖子交互时,会向您的站点发送一个 Webmention 并通过在您自己的网站上发布的过程。
还有很多!
快速命中:
- 独立授权: 这是基于 OAuth 2 的协议。 插件 在 WordPress REST API 中建立一个端点,该端点可用于通过您自己的自托管站点验证您的身份——本质上是您自己的 Google 登录按钮,但无需您自己建立该端点或需要依赖单独的托管 API。
- 微博: 对于那些使用 WordPress 但更喜欢其他编辑器的人可以安装 微博插件。 这 添加端点 它允许您将内容发布到您的站点并使用 Micropub 支持的编辑器在 Microformats2 提要中创建项目,从而为您在 WordPress 块编辑器之外编写内容提供了更多选择。
- 简单的位置: 大卫写了这个插件 当他为我演示时,我印象非常深刻。 这个想法是它从您当前位置提取数据,这些数据可用于从显示您撰写帖子时的天气到基于帖子位置在嵌入式地图上创建整个帖子存档的所有内容。 老实说,我很想看到这样的东西直接融入 WordPress。
更新的流程
我试图制作一个插图来概述我上一篇文章中的各个部分,但让我们再次尝试更新对正在发生的事情的理解:
这一切有意义吗?
向大卫致敬,感谢他伸出援手并花时间向我展示在 WordPress 上实施 IndieWeb 的样子。 我不能声称我完全理解所有的细微差别,但我至少觉得我对实现它所需的部分——哲学、协议和技术——有一个不错的把握。
我想转给你! 这是否有助于为您澄清事情? 你有什么难以理解的吗? 认为您现在可以配置具有 IndieWeb 功能的 WordPress 网站了吗? 让我们把它带到评论区!
在 WordPress 网站上揭开 IndieWeb 的神秘面纱 最初发表于 CSS技巧。 你应该 获取时事通讯.
- "
- a
- 关于
- 账号管理
- 活动
- 额外
- 所有类型
- 允许
- 已经
- 替代
- 其中
- 另一个
- API
- APIs
- 应用
- 档案
- 国家 / 地区
- 围绕
- 可使用
- 因为
- 在幕后
- 最佳
- 之间
- 位
- 阻止
- 建筑物
- 商业
- 呼叫
- 产品类别
- 要求
- 程
- 类
- 沟通
- 社体的一部分
- 组件
- 混乱
- 已联繫
- 内容
- 继续
- 方便
- 创建信息图
- 创造
- 电流
- data
- 天
- 决定
- 根据
- 设计
- 详细
- DID
- 差异
- 不同
- 直接
- 屏 显:
- 向下
- 下降
- 编辑
- 分子
- 嵌入式
- 端点
- 本质上
- 成熟
- 建立
- 等
- 一切
- 例子
- 期望
- 预期
- 体验
- 特征
- 姓氏:
- 第一次
- 适合
- 固定
- 流
- 重点
- 格式
- 基金会
- 骨架
- 止
- ,
- 越来越
- 给予
- 非常好
- 谷歌
- 处理
- 处理
- 发生
- 头
- 帮助
- 有帮助
- 此处
- 托管
- 创新中心
- How To
- HTTPS
- 主意
- 身分
- 图片
- 图片
- 实施
- 履行
- 其他
- 包括
- 信息
- 安装
- 整合
- 相互作用
- IT
- 本身
- 领导团队
- 容易
- 有限
- 小
- 圖書分館的位置
- 爱
- 制成
- 主要
- 使
- 制作
- 制作
- 地图
- 意
- 成员
- 提到
- 介意
- 更多
- 最先进的
- Mozilla的
- 名称
- 需要
- 需要
- 通知
- 最多线路
- 优惠精选
- 打开
- 操作者
- 附加选项
- 其他名称
- 己
- 部分
- 员工
- 也许
- 人
- philosophy
- 片
- 件
- 播放
- 插入
- 插件
- 热门
- 可能
- 帖子
- 市场问题
- 过程
- 本人简介
- 协议
- 协议
- 提供
- 提供
- 提供
- 发布
- 出版
- 快速
- RE
- 阅读
- 接收
- 建议
- 释放
- 更换
- 必须
- 岗位要求
- 响应
- 提供品牌战略规划
- REST的
- 运行
- 说
- 同
- 场景
- 看到
- 感
- 系列
- 服务
- 特色服务
- 集
- 设置
- 几个
- 共享
- 转移
- 短
- 简易
- 自
- 网站
- 网站
- So
- 有人
- 东西
- 标准
- 仍
- 策略
- 结构化
- SUPPORT
- 服用
- 科技
- 技术
- 主题
- 事
- 事
- 通过
- 次
- 一起
- 最佳
- 理解
- 理解
- 即将上市
- 使用
- 各个
- 确认
- 版本
- 查看
- 方法
- 您的网站
- 什么是
- WHO
- 也完全不需要
- 精彩
- WordPress
- WordPress插件
- WordPress的主题
- 话
- 工作
- 锻炼
- 加工
- 蠕虫
- 价值
- 写作
- 您一站式解决方案