tumblr 相关问题

在我正在开发的 tumblr 主题的下面，您会注意到我使用 {block:PostType} 语法来声明每个帖子的开始标签，它是有序列表中的一个元素。这个在我正在开发的 tumblr 主题的下面，您会注意到我使用 {block:PostType} 语法来声明每个帖子的开始标签，这是有序列表中的 <li> 元素。这使我不仅可以根据帖子的类型动态设置 li 的类，还可以减少调用 ShareThis JS 的次数，因为这确实会导致页面陷入困境。这产生了一个新问题，但我认为这是 Tumblr 解析器的一个缺陷。每篇文章都是一个有序列表，其中包含一个 <li> 元素。我知道我可以通过将每个帖子作为 <div> 来解决这个问题，但我真的很喜欢使用列表的控制和语义。汤博尔大师？有建议吗？代码示例： {block:Posts} <ol class="posts"> {block:Text} <li class="post type_text" id="{PostID}"> {block:Title} <h2><a href="{Permalink}" title="Go to post '{Title}'.">{Title}</a></h2> {/block:Title} {Body} {/block:Text} {block:Photo} <li class="post type_photo" id="{PostID}"> <div class="image"> <a href="{LinkURL}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></a> </div> {block:Caption} {Caption} {/block:Caption} {/block:Photo} {block:Photoset} <li class="post type_photoset" id="{PostID}"> {Photoset-500} {block:Caption} {Caption} {/block:Caption} {/block:Photoset} {block:Quote} <li class="post type_quote" id="{PostID}"> <blockquote> <div class="quote_symbol">“</div> {Quote} </blockquote> {block:Source} <div class="quote_source">{Source}</div> {/block:Source} {/block:Quote} {block:Link} <li class="post type_link" id="{PostID}"> <h2><a href="{URL}" {Target} title="Go to {Name}.">{Name}</a></h2> {block:Description} {Description} {/block:Description} {/block:Link} {block:Chat} <li class="post type_chat" id="{PostID}"> {block:Title} <h2><a href="{Permalink}" title="Go to post {PostID} '{Title}'.">{Title}</a></h2> {/block:Title} <table class="chat_log"> {block:Lines} <tr class="{Alt} user_{UserNumber}"> <td class="person">{block:Label}{Label}{/block:Label}</td> <td class="message">{Line}</td> </tr> {/block:Lines} </table> {/block:Chat} {block:Video} <li class="post type_video" id="{PostID}"> {Video-500} {block:Caption} {Caption} {/block:Caption} {/block:Video} {block:Audio} <li class="post type_audio" id="{PostID}"> {AudioPlayerWhite} {block:Caption} {Caption} {/block:Caption} {block:ExternalAudio} <p><a href="{ExternalAudioURL}" title="Download '{ExternalAudioURL}'">Download</a></p> {/block:ExternalAudio} {/block:Audio} <div class="post_footer"> <p class="post_date">Posted on {ShortMonth} {DayOfMonth}, {Year} at {12hour}:{Minutes} {AmPm}</p> <ul> <li><a class="comment_link" href="{Permalink}#disqus_thread">Comments</a></li> <li><script type="text/javascript" src="http://w.sharethis.com/button/sharethis.js#publisher=722e181d-1d8a-4363-9ebe-82d5263aea94&type=website"></script></li> </ul> {block:PermalinkPage} <div id="disqus_thread"></div> <script type="text/javascript" src="http://disqus.com/forums/kyleetilley/embed.js"></script> <noscript><a href="http://disqus.com/forums/kyleetilley/?url=ref">View the discussion thread.</a></noscript> {/block:PermalinkPage} </div> </li> </ol> {/block:Posts} Posts 块针对每个帖子执行一次，因此容器的标记应该位于该块之外。只需将 <ol> 放在 {block:Posts} 之前，将 </ol> 直接放在 {/block:Posts} 之后试试这个，当我将它放入主题解析器时，它对我有用。我稍微修改了你的代码：按照预期彻底修改了语法。请不要生气，我这样做只是为了清楚起见！将 <ol> 元素移到 {block:Posts} 之外，因为其中的所有内容都会针对每种类型的帖子渲染一次。移动并修改了您的 <li> 元素，使其不再特定于帖子类型，Tumblr 提供了一个简洁的小 {PostType} 变量，该变量将打印每个帖子的类型（照片集除外；它打印“照片”，但我已经添加了一些内容来解决这个问题。）这样渲染速度更快，阅读更简单。将您的 {AudioPlayerWhite} 替换为 {AudioPlayer}，这是因为如果您定义音频播放器的颜色，Tumblr 有时会感到不安，并且 tumblr.com/new/audio 上会显示一条消息：“您的主题不支持适当的音频播放器”。可能与问题无关，但这是一个很好的做法 <ol class="posts"> {block:Posts} <li class="post type_{PostType}{block:Photoset}set{/block:Photoset}" id="{PostID}">  {block:Text} {block:Title} <h2><a href="{Permalink}" title="Go to post '{Title}'.">{Title}</a></h2> {/block:Title} {Body} {/block:Text} {block:Photo} <div class="image"> <a href="{LinkURL}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></a> </div> {block:Caption} {Caption} {/block:Caption} {/block:Photo} {block:Photoset} {Photoset-500} {block:Caption} {Caption} {/block:Caption} {/block:Photoset} {block:Quote} <blockquote> <div class="quote_symbol">“</div> {Quote} </blockquote> {block:Source} <div class="quote_source">{Source}</div> {/block:Source} {/block:Quote} {block:Link} <h2><a href="{URL}" {Target} title="Go to {Name}.">{Name}</a></h2> {block:Description} {Description} {/block:Description} {/block:Link} {block:Chat} {block:Title} <h2><a href="{Permalink}" title="Go to post {PostID} '{Title}'.">{Title}</a></h2> {/block:Title} <table class="chat_log"> {block:Lines} <tr class="{Alt} user_{UserNumber}"> <td class="person">{block:Label}{Label}{/block:Label}</td> <td class="message">{Line}</td> </tr> {/block:Lines} </table> {/block:Chat} {block:Video} {Video-500} {block:Caption} {Caption} {/block:Caption} {/block:Video} {block:Audio} {AudioPlayer}  {block:Caption} {Caption} {/block:Caption} {block:ExternalAudio} <p><a href="{ExternalAudioURL}" title="Download '{ExternalAudioURL}'">Download</a></p> {/block:ExternalAudio} {/block:Audio} <div class="post_footer"> <p class="post_date">Posted on {ShortMonth} {DayOfMonth}, {Year} at {12hour}:{Minutes} {AmPm}</p> <ul> <li><a class="comment_link" href="{Permalink}#disqus_thread">Comments</a></li> <li><script type="text/javascript" src="http://w.sharethis.com/button/sharethis.js#publisher=722e181d-1d8a-4363-9ebe-82d5263aea94&type=website"></script></li> </ul> {block:PermalinkPage} <div id="disqus_thread"></div> <script type="text/javascript" src="http://disqus.com/forums/kyleetilley/embed.js"></script> <noscript><a href="http://disqus.com/forums/kyleetilley/?url=ref">View the discussion thread.</a></noscript> {/block:PermalinkPage} </div> </li> {/block:Posts} </ol>

tumblr

回答 2 投票 0

Tumblr 主题下一页 + 上一页可见性

在创建 tumblr 主题的分页部分，我想放置一个上一页和下一页按钮，当没有上一页和下一页可用时，该按钮会被禁用。明显可用的选项...

pagination tumblr

回答 1 投票 0

如何通过 tumblr API 以特定顺序（例如按日期或随机）从 Tumblr 获取 Tumblr 图像

我面临着按特定顺序从 Tumblr 获取数据的问题。我正在尝试通过 Tumblr API 按排序顺序从 Tumblr 获取数据，如下所示：网址：“http://api.tumblr...

ios url tumblr webrequest

回答 1 投票 0

Tumblr API 获取当前头像 URL

大家都知道吗？关于 tumblr api/read/json 中的头像 url？例如Facebook？ http://graph.facebook.com/[你的 facebook id]/picture?type=normal 大家都知道吗？关于 tumblr api/read/json 中的头像 url？例如 Facebook？ http://graph.facebook.com/[你的 facebook id]/picture?type=normal <?php $tumblog = 'natadec0c0'; // change to your username // if your Tumblog is self hosted, you need to change the base url to the location of your tumblog $baseurl = 'http://' . $tumblog . '.tumblr.com'; $request = $baseurl . '/api/read/json'; $ci = curl_init($request); curl_setopt($ci,CURLOPT_RETURNTRANSFER, TRUE); $input = curl_exec($ci); curl_close($ci); // Tumblr JSON doesn't come in standard form, some str replace needed $input = str_replace('var tumblr_api_read = ','',$input); $input = str_replace(';','',$input); // parameter 'true' is necessary for output as PHP array $value = json_decode($input,true); $content = $value['posts']; $blogInfo = $value['tumblelog']; // the number of items you want to display $item = 10; // Echo the blog info echo "<h3><a href=\"" . $baseurl . "\">" . $blogInfo['title'] . "</a></h3>\n"; echo "<h4>" . $blogInfo['picture'] . "</h4>\n<hr />\n"; ?> 如何添加我当前的头像？更好的解决方案是将 Avatar api 放在 img 标签中。 api.tumblr.com/v2/blog/{base-hostname}/avatar[/size] example: <img src='http://api.tumblr.com/v2/blog/myreallycoolblog.tumblr.com/avatar/48'/> 所以只要你有博客名，就可以显示头像。我想你必须使用 GET http://www.tumblr.com/api/[email protected]&password=12345 获取用户头像。我的示例响应是 <tumblr version="1.0"> <user default-post-format="html" can-upload-audio="1" can-upload-aiff="1" can-ask-question="1" can-upload-video="1" max-video-bytes-uploaded="26214400" liked-post-count="134"/> <tumblelog title="ABNKKPGPiCTuReNPLaKo?!" is-admin="1" posts="301" twitter-enabled="0" draft-count="0" messages-count="0" queue-count="" name="arvn" url="http://arvn.tumblr.com/" type="public" followers="17" avatar-url="http://28.media.tumblr.com/avatar_b1786ec9e62d_128.png" is-primary="yes" backup-post-limit="30000"/> <tumblelog title="i kras yu." is-admin="1" posts="1" twitter-enabled="0" draft-count="0" messages-count="0" queue-count="" name="ikrasyu" url="http://ikrasyu.tumblr.com/" type="public" followers="2" avatar-url="http://25.media.tumblr.com/avatar_02a7ef66fce8_128.png" backup-post-limit="30000"/> </tumblr> 并获取相应tumblelog的avatar-url字段。可惜没有 json 格式选项，也许可以使用 preg_match。您还需要用户的电子邮件地址和密码，或者通过 OAuth 完成。或者您可以从 tumblelog 中抓取头像。 $page = file_get_contents("http://{$tumblog}.tumblr.com/"); $avatar = preg_match('/<img src="(http.+)" alt="portrait"/', $page, $matches) ? $matches[1]: 'http://example.com/blank.png';

php tumblr

回答 2 投票 0

为什么我在使用 Hammock 和 Tumblr API 检索点赞数时会收到此 401 未经授权的错误？

这是我正在使用的代码：公共静态无效 FetchXML() { _url = new Uri("http://api.tumblr.com/v2/blog/" + _用户名 + ".tumblr.com/likes?api_key=

c# .net rest tumblr

回答 1 投票 0

通过代码禁用“关注”按钮后，Tumblr 白色条出现在我的移动主题顶部

因此，截至 2015 年 4 月 12 日，Tumblr 更改了代码中的一些内容以及“推广 Tumblr！”按钮重新出现在我的博客上，即使我在高级设置中禁用了它们...... 我搜索并发现...

html iframe themes tumblr

回答 2 投票 0

Tumblr API - 按标签排除结果

我正在创建一个网站，其提要来自 tumblr。有一个部分用于一般帖子，另一部分用于“特色”帖子，由标签指定（即#featured）。我正在努力阻止...

php json api jsonp tumblr

回答 2 投票 0

Tumblr 静态上传器错误

我目前正在尝试外部化一些脚本以保持代码混乱。我把它放在 Notepad++ 中没有任何问题，但每次我尝试将它们上传到静态 Tumblr 上传器或 th...

javascript tumblr tumblr-themes

回答 2 投票 0

Iframe 调整 CORS 大小

是否可以将我的 tumblr 网站上的 iframe 大小调整为 100%？我已经尝试了很多选项，但仅使用 jQuery 我遇到了 CORS 问题，还尝试了以下插件： https://github.com/Sly777/Iframe-Height-Jq...

jquery html css iframe tumblr

回答 2 投票 0

如何使用 JS 和 Ajax 获取 Tumblr 帖子的下一页

对于使用 vanilla js 的 React 项目，我正在抓取我的 Tumlbr 博客来检索所有照片帖子并将它们嵌入到我的应用程序上的“博客”页面中。我正在使用 ajax 来执行此操作，因为 tumblr.js pac...

javascript ajax pagination tumblr

回答 1 投票 0

单击带有 selenium-webdriver 的复选框

我正在使用 tumblr 测试我的应用程序，在执行程序时我必须登录和退出。这样做时，我无法单击不断弹出的复选框。我怎样才能使用selenium-webriver...

python python-3.x selenium tumblr webautomation

回答 4 投票 0

添加无限滚动回调函数

我有一个 tumblr，我在其中根据图像出现的帖子大小加载不同的 url，使用 javascript 和 tumblr 的主题运算符 {photoUrl-250}、{photoUrl-400} 等。用户 b ...

javascript jquery tumblr getelementbyid infinite-scroll

回答 1 投票 0

使用 PHP 和 Tumblr API 发布到 Tumblr

我正在尝试自动将消息发布到我的 Tumblr 博客（该博客将通过 Cron 每天运行）我在这里使用官方 Tumblr PHP 库： https://github.com/tumblr/tumblr.php 并使用

php oauth cron tumblr

回答 2 投票 0

Tumblr 博客：如何解决提交页面和询问页面框列计数问题？

我对 HTML 和 CSS 非常陌生，并且在使用新 Tumblr 博客的自定义布局时遇到了一些问题。这是博客链接：https://wojakgallery.tumblr.com/ 正如您在上面的链接中看到的，我...

html css tumblr

回答 1 投票 0

上传到 Tumblr 时的图像尺寸。显示与帖子不同的规则的页面。如何延迟加载帖子图像

我正在使用一个非常定制的 Tumblr 帐户。我有一个混合的页面和帖子，我想在其中访问内容和资产（主要是在其他帖子和/或页面中使用的图像）。当我上传

javascript html lazy-loading tumblr tumblr-themes

回答 1 投票 0

tumblr 相关问题

最新问题