Twitter “Embed” Cards While Respecting Privacy

A quick demo!

We wanted to quote/embed a tweet in our blog, but don’t like the idea of pulling in JS or even an iframe from Twitter’s servers. So insted, we recreate a tweet card locally, making sure to follow the Twitter Display Requirements. Check it out:

1
2
3
4
5
6
7
8
9
10
11
{% include twitter-card.html
  name="Cassidy James Blaede"
  account="CassidyJames"
  avatar="https://gravatar.loli.net/avatar/41275ecc8271aca852ce2c0ff72d2610?s=128"
  id="1281816033343537152"
  timestamp="2020-07-10"
  contents="Got my PINEBOOK Pro! Super duper first impressions: damn, this
    hardware quality is nice for the price. I would love to see what they could
    do around the $500–750 price, honestly. Performance is great; I would not
    guess it was ARM just from using it. It’s fanless!"
%}

Turns into:

This is all rendered and styled localy, ensuring we’re not hitting Twitter’s tracking code just to show some content. It also means quoted tweets will persist, even if removed from Twitter (since it’s just local content). It’s even light/dark style aware!

It does not (yet) support showing retweets, verified badges, or embedded media. If/when the need arises for those, we can add them, though. Profile images must be manually passed in, as well—ideally included with the regular assets for a post so all assets are staying local to the domain.


立刻分享你的发现!

下面更精彩

F.F.Q.Q.F.Q.Q.

生草的 B.B.K.K.B.K.K. 哲♂学鬼畜版,技术力 MAX,梦回 2017

前往 bilibili 观看

Read more…

在找以前的发现?

Toolb 发现仍处于转移阶段,您可以从 原版 Toolb 发现 寻找之前的发现文章。