个人Tumblr帖子上的Javascript

时间:2013-12-12 19:24:58

标签: javascript tumblr

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

1 个答案:

答案 0 :(得分:5)

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

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

注意:我认为只有当用户导航到您的实际网页时,javascript才有效,而不是当它在Feed中时,除非单击显示代表额外内容的框。这是为了防止不必要的内容显示并在Feed中保持较低的加载时间

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

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