如何在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}之前或之后放置它似乎不起作用。

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

我正在使用的主题is here。 Tumblr页面is here。

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

实

{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}

Photo Post Breakdown：

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

实

{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}

Photoset Post Breakdown：

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

实

{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. 1. http://assets.tumblr.com/images/og/quote_200.png

实

{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}

Link Post Breakdown：

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

实

{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}

Chat Post Breakdown：

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

实

{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}

Audio Post Breakdown：

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}

实

{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}

实

{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}http://www.facebook.com/sharer/sharer.php?s=100&p[title]={lang:Asker asked}:{PlaintextQuestion}&p[url]={URLEncodedPermalink}&p[images][0]=http://assets.tumblr.com/images/og/chat_200.png&p[summary]={PlaintextAnswer}{/block:Answer}

微博

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

Google Plus

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

Pinterest的

{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}

书签交易

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