如何在Tumblr主题上设置社交媒体按钮？

Question

尽管对html的了解并不多，但由于在线教程等，我已经设法以某种方式为博客安排了Tumblr主题。

唯一缺少的是我希望我的帖子具有几个社交共享按钮。

但是按照我在网上发现的教程进行操作是不可行的，我相信这是因为这个主题是不同的，并且已经设置了一些按钮（Tumblr reblog / like / etc）？

我有遵循教程创建的代码，并从deviantart获取了一些自定义图标。

{block:PermalinkPage}{block:PermalinkPagination}
<a target="_new" href="https://twitter.com/intent/tweet?text={URLEncodedTweetSummary}"><img style="border: 0pt none;" src="http://orig00.deviantart.net/8cf5/f/2016/316/5/8/twitter_icon_by_aquasparkles-dao40yu.png" width="20" height="20" /></a>
<a target="_new" href="https://www.facebook.com/sharer.php?u={Permalink}{block:Title}&t={Title}{/block:Title}"><img style="border: 0pt none;" src="http://orig10.deviantart.net/5fb3/f/2017/103/f/f/facebook_icon_by_aquasparkles-db5mtq8.png" width="20" height="20" /></a>
<a target="_new" href="http://pinterest.com/pin/create/button/?url={Permalink}&media={PhotoURL-500}"><img style="border: 0pt none;" src="http://orig03.deviantart.net/49e0/f/2016/181/3/4/pinterest_icon_by_aquasparkles-da86kds.png"> width="20" height="20" /></a>
{/block:PermalinkPagination}{/block:PermalinkPage} 

但是，像网站建议的那样，将其放在{block：Posts}的前面或后面似乎无效。

所以我不知道该怎么办。 理想情况下，如果它们可以出现在每个帖子的主题中其他按钮的后面或后面，那将是很好的选择，但是我不知道它们在代码中的位置。 如果这样做太复杂了，那么即使只出现在每个帖子下也足够了。

我正在使用的主题在这里 。 Tumblr页面在这里 。

Answer 1

Tumblr-从索引页面创建信息共享。

当从索引页面发出共享请求时，Tumblr缺少相关的模板标签。

当前有变量{PostTitle}和{PostSummary} ，但它们仅在“永久链接”页面上呈现。

目标

目标是复制 Tumblr为Facebook OG meta标记创建的信息（在永久链接页面上呈现）。 尽管可以在索引页面上生成正确的OG标签，但这仅提供对Facebook的支持，因此其他网络仍需要进行填充。

分解

对于每种帖子类型，我们应该生成并包括以下{Post}信息（如果可能）：

1. 标题
2. 网址
3. 描述
4. 图片

假设您的共享网址将在相应的帖子类型块内。 出于合理考虑： {Plaintext}和{URLEncoded}用于创建字符串。

Afaik涵盖了所有职位类型。 话虽如此，这不是一个完整的解决方案。 由于嵌入的性质，有些东西会丢失（视频/音频，我在这里看着你！）。

如果您发现任何问题，请分叉/发表评论，我会尽力为您提供帮助。

---

文字发布明细：

1. {block:Title}{PlaintextTitle}{/block:Title}
2. {URLEncodedPermalink}
3. {PlaintextBody}
4. http://assets.tumblr.com/images/og/text_200.png

Facebook的

{block:Text}http://www.facebook.com/sharer/sharer.php?s=100&p[title]={block:Title}{PlaintextTitle}{/block:Title}&p[url]={URLEncodedPermalink}&p[images][0]=http://assets.tumblr.com/images/og/text_200.png&p[summary]={PlaintextBody}{/block:Text}

推特

{block:Text}https://twitter.com/intent/tweet?text={block:Title}{PlaintextTitle}%20-%20{/block:Title}&url={URLEncodedPermalink}{/block:Text}

Google Plus

{block:Text}https://plus.google.com/share?url={URLEncodedPermalink}{/block:Text}

Pinterest的

{block:Text}http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&description={block:Title}{PlaintextTitle}{/block:Title}&media=http://assets.tumblr.com/images/og/text_200.png{/block:Text}

书签交易

{block:Text}http://reddit.com/submit?url={URLEncodedPermalink}&title={block:Title}{PlaintextTitle}{/block:Title}{/block:Text}

---

照片发布细目：

1. {PlaintextTitle}
2. {URLEncodedPermalink}
3. {block:Caption}{PlaintextCaption}{/block:Caption}
4. {URLEncodedPhotoURL-250}

Facebook的

{block:Photo}http://www.facebook.com/sharer/sharer.php?s=100&p[title]={PlaintextTitle}&p[url]={URLEncodedPermalink}&p[images][0]={URLEncodedPhotoURL-250}&p[summary]={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Photo}

推特

{block:Photo}https://twitter.com/intent/tweet?text={block:Caption}{PlaintextCaption}{/block:Caption}%20-%20&url={URLEncodedPermalink}{/block:Photo}

Google Plus

{block:Photo}https://plus.google.com/share?url={URLEncodedPermalink}{/block:Photo}

Pinterest的

{block:Photo}http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&description={block:Caption}{PlaintextCaption}{/block:Caption}&media={URLEncodedPhotoURL-250}{/block:Photo}

书签交易

{block:Photo}http://reddit.com/submit?url={URLEncodedPermalink}&title={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Photo}

---

相片集发布细目：

1. {PlaintextTitle}
2. {URLEncodedPermalink}
3. {block:Caption}{PlaintextCaption}{/block:Caption}
4. {block:Photos}{URLEncodedPhotoURL-250}{/block:Photos} （*使用该组中的最后一张图像）

Facebook的

{block:Photoset}http://www.facebook.com/sharer/sharer.php?s=100&p[title]={PlaintextTitle}&p[url]={URLEncodedPermalink}{block:Photos}&p[images][0]={URLEncodedPhotoURL-250}{/block:Photos}&p[summary]={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Photoset}

推特

{block:Photoset}https://twitter.com/intent/tweet?text={block:Caption}{PlaintextCaption}{/block:Caption}%20-%20&url={URLEncodedPermalink}{/block:Photoset}

Google Plus

{block:Photoset}https://plus.google.com/share?url={URLEncodedPermalink}{/block:Photoset}

Pinterest的

{block:Photoset}http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&description={block:Caption}{PlaintextCaption}{/block:Caption}{block:Photos}&media={URLEncodedPhotoURL-250}{/block:Photos}{/block:Photoset}

书签交易

{block:Photoset}http://reddit.com/submit?url={URLEncodedPermalink}&title={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Photoset}

---

报价发布明细：

1. {PlaintextQuote}
2. {URLEncodedPermalink}
3. 4. http://assets.tumblr.com/images/og/quote_200.png

Facebook的

{block:Quote}http://www.facebook.com/sharer/sharer.php?s=100&p[title]={PlaintextQuote}&p[url]={URLEncodedPermalink}&p[images][0]=http://assets.tumblr.com/images/og/quote_200.png{/block:Quote}

推特

{block:Quote}https://twitter.com/intent/tweet?text={PlaintextQuote}%20-%20&url={URLEncodedPermalink}{/block:Quote}

Google Plus

{block:Quote}https://plus.google.com/share?url={URLEncodedPermalink}{/block:Quote}

Pinterest的

{block:Quote}http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&description={PlaintextQuote}&media=http://assets.tumblr.com/images/og/quote_200.png{/block:Quote}

书签交易

{block:Quote}http://reddit.com/submit?url={URLEncodedPermalink}&title={PlaintextQuote}{/block:Quote}

---

链接发布明细：

1. {PlaintextName}
2. {URLEncodedPermalink}
3. {block:Description}{PlaintextDescription}{/block:Description}
4. http://assets.tumblr.com/images/og/link_200.png

Facebook的

{block:Link}http://www.facebook.com/sharer/sharer.php?s=100&p[title]={PlaintextName}&p[url]={URLEncodedPermalink}&p[images][0]=http://assets.tumblr.com/images/og/link_200.png&p[summary]={block:Description}{PlaintextDescription}{/block:Description}{/block:Link}

推特

{block:Link}https://twitter.com/intent/tweet?text={PlaintextName}%20-%20&url={URLEncodedPermalink}{/block:Link}

Google Plus

{block:Link}https://plus.google.com/share?url={URLEncodedPermalink}{/block:Link}

Pinterest的

{block:Link}http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&description={PlaintextName}&media=http://assets.tumblr.com/images/og/link_200.png{/block:Link}

书签交易

{block:Link}http://reddit.com/submit?url={URLEncodedPermalink}&title={PlaintextName}{/block:Link}

---

聊天帖子分类：

1. {block:Title}{PlaintextTitle}{/block:Title}
2. {URLEncodedPermalink}
3. {block:Lines}{block:Label}{PlaintextLabel}{/block:Label}{PlaintextLine}%0A{/block:Lines}
4. http://assets.tumblr.com/images/og/link_200.png

Facebook的

{block:Chat}http://www.facebook.com/sharer/sharer.php?s=100&p[title]={block:Title}{PlaintextTitle}{/block:Title}&p[url]={URLEncodedPermalink}&p[images][0]=http://assets.tumblr.com/images/og/chat_200.png&p[summary]={block:Lines}{block:Label}{PlaintextLabel}{/block:Label}{PlaintextLine}%0A{/block:Lines}{/block:Chat}

推特

{block:Chat}https://twitter.com/intent/tweet?text={block:Title}{PlaintextTitle}{/block:Title}%20-%20&url={URLEncodedPermalink}{/block:Chat}

Google Plus

{block:Chat}https://plus.google.com/share?url={URLEncodedPermalink}{/block:Chat}

Pinterest的

{block:Chat}http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&description={block:Title}{PlaintextTitle}{/block:Title}&media=http://assets.tumblr.com/images/og/chat_200.png{/block:Chat}

书签交易

{block:Chat}http://reddit.com/submit?url={URLEncodedPermalink}&title={block:Title}{PlaintextTitle}{/block:Title}{/block:Chat}

---

音频发布明细：

1. {block:TrackName}{PlaintextTrackname}{/block:TrackName}{block:Artist}%20-%20{PlaintextArtist}{/block:Artist}
2. {URLEncodedPermalink}
3. {block:Caption}{PlaintextCaption}{/block:Caption}
4. {block:AlbumArt}{URLEncodedAlbumArtURL}{/block:AlbumArt}

Facebook的

{block:Audio}http://www.facebook.com/sharer/sharer.php?s=100&p[title]={block:TrackName}{PlaintextTrackname}{/block:TrackName}{block:Artist}%20-%20{PlaintextArtist}{/block:Artist}&p[url]={URLEncodedPermalink}&p[images][0]={block:AlbumArt}{URLEncodedAlbumArtURL}{/block:AlbumArt}&p[summary]={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Audio}

推特

{block:Audio}https://twitter.com/intent/tweet?text={block:TrackName}{PlaintextTrackname}{/block:TrackName}{block:Artist}%20-%20{PlaintextArtist}{/block:Artist}%20%3A%20&url={URLEncodedPermalink}{/block:Audio}

Google Plus

{block:Audio}https://plus.google.com/share?url={URLEncodedPermalink}{/block:Audio}

Pinterest的

{block:Audio}http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&description={block:TrackName}{PlaintextTrackname}{/block:TrackName}{block:Artist}%20-%20{PlaintextArtist}{/block:Artist}&media={block:AlbumArt}{URLEncodedAlbumArtURL}{/block:AlbumArt}{/block:Audio}

书签交易

{block:Audio}http://reddit.com/submit?url={URLEncodedPermalink}&title={block:TrackName}{PlaintextTrackname}{/block:TrackName}{block:Artist}%20-%20{PlaintextArtist}{/block:Artist}{/block:Audio}

---

视频发布明细：

1. {PlaintextName}
2. {URLEncodedPermalink}
3. {block:Caption}{PlaintextCaption}{/block:Caption}
4. {block:VideoThumbnail}{VideoThumbnailURL}{/block:VideoThumbnail}

Facebook的

{block:Video}http://www.facebook.com/sharer/sharer.php?s=100&p[title]={PlaintextName}&p[url]={URLEncodedPermalink}&p[images][0]={block:VideoThumbnail}{VideoThumbnailURL}{/block:VideoThumbnail}&p[summary]={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Video}

推特

{block:Video}https://twitter.com/intent/tweet?text={block:Caption}{PlaintextCaption}{/block:Caption}%20-%20&url={URLEncodedPermalink}{/block:Video}

Google Plus

{block:Video}https://plus.google.com/share?url={URLEncodedPermalink}{/block:Video}

Pinterest的

{block:Video}http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&description={block:Caption}{PlaintextCaption}{/block:Caption}&media={block:VideoThumbnail}{VideoThumbnailURL}{/block:VideoThumbnail}{/block:Video}

书签交易

{block:Video}http://reddit.com/submit?url={URLEncodedPermalink}&title={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Video}

---

答案发布细目：

1. {lang:Asker asked}%3A%0A{PlaintextQuestion}
2. {URLEncodedPermalink}
3. {PlaintextAnswer}
4. http://assets.tumblr.com/images/og/chat_200.png

Facebook的

{block:Answer}https://twitter.com/intent/tweet?text={lang:Asker asked}%3A%0A{PlaintextQuestion}%20-%20&url={URLEncodedPermalink}{/block:Answer}

推特

{block:Answer}https://plus.google.com/share?url={URLEncodedPermalink}{/block:Answer}

Google Plus

{block:Answer}http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&description={lang:Asker asked}%3A%0A{PlaintextQuestion}&media=http://assets.tumblr.com/images/og/chat_200.png{/block:Answer}

Pinterest的

{block:Answer}http://reddit.com/submit?url={URLEncodedPermalink}&title={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Answer}

书签交易

 {block:Answer}http://reddit.com/submit?url={URLEncodedPermalink}&title={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Answer}