【问题标题】:Javascript on Individual Tumblr Post个人 Tumblr 帖子上的 Javascript
【发布时间】:2013-12-12 19:24:58
【问题描述】:

我知道您可以编辑在 tumblr 博客上呈现所有帖子博客主页的 html/AngularJS。但是,有没有办法将自定义 <script>...</script> 添加到各个帖子中?我想在逐个帖子的基础上做一些 javascript 的东西,但似乎无法找到可以编辑该代码的位置(或者,如果它甚至可以)......

【问题讨论】:

    标签: javascript tumblr


    【解决方案1】:

    在撰写帖子时,在您可以单击粗体、斜体、删除线等的菜单栏上,有一个显示<html> 的按钮。如果单击此按钮,它将显示该帖子的 HTML。然后,您所要做的就是添加一个带有您想要的 javascript 代码的脚本标签。例如:

    <script>
        alert("Hello World!");
    </script>
    

    注意:我相信 javascript 仅在用户导航到您的实际页面时才有效,而不是当它在他们的提要中时,除非单击显示的表示额外内容的框。这是为了防止在 Feed 中显示不必要的内容并缩短加载时间

    编辑:如果您希望将相同的 javascript 应用于您编写的所有帖子,我会将其放入主题的 HTML 中。为此,您可以访问Customize -&gt; Edit HTML (of the theme) -&gt; put &lt;script&gt; at the bottom of body (generally speaking) or add to an existing &lt;script&gt;。每个帖子都有 .POST 类,因此使用该选择器来获取每个帖子。要找出各个类型的类,您可以查看the Tumblr API 或使用检查元素自行查找

    注意:添加到主题的脚本不会影响用户供稿中的帖子。这是对主题的更改,因此不会直接在网站上看到个别帖子。

    【讨论】:

    • 我希望这个脚本默认包含在每个帖子中。我不想在每次编写时都手动添加它。我正在为技术知识为 0 的客户构建博客
    • @AlexNeigher 在这种情况下,您是否尝试将其添加到主题中?转到自定义 -> 编辑 HTML -> 输入您想要的 javascript
    • 整个主题代码似乎剥离了所有非本地脚本标签,无论它们包含在何处(头部、正文等)
    • @AlexNeigher 这似乎对我有用。尝试像我上面那样在身体底部添加一个简单的警报,看看它是否有效
    • @AlexNeigher 更新了我的答案以适应
    猜你喜欢
    • 1970-01-01
    • 2022-01-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-06-05
    • 1970-01-01
    • 2019-01-29
    • 1970-01-01
    相关资源
    最近更新 更多