为Typecho添加文字版每日60S早报 - 成就云开发者社区

每日60秒早报简介

每日60秒早报是一种便捷的获取每日新闻和信息的方式。通过简短的文字，让用户快速了解当天的重要事件和热点话题。

在Typecho中实现文字版本的每日60秒早报

创建文章并插入内容

首先，在Typecho中创建一篇新文章，将以下内容插入文章正文：

代码语言：javascript

复制

设置文章头图

将文章的头图设置为以下链接，这将通过博主的头图API实现每日自动更新头图：

代码语言：javascript

复制

https://api.letanml.xyz/60

在网站的body中添加代码

在网站的标签内添加以下代码：

代码语言：javascript

复制

    const executeWhenElementExists = (selector, callback) => {
        const element = $(selector);
    if (element.length) {
        callback(element[0]);
        return;
    }

    const observer = new MutationObserver((mutations, observerInstance) =&gt; {
        const targetElement = $(selector);
        if (targetElement.length) {
            observerInstance.disconnect();
            callback(targetElement[0]);
        }
    });

    observer.observe(document.body, { childList: true, subtree: true });
};

executeWhenElementExists(&#39;.60sHtml&#39;, (div) =&gt; {
    // jQuery的ajax请求
    $.ajax({
        url: &#39;https://api.03c3.cn/zb/html.php&#39;,
        type: &#39;get&#39;,
        success: (data) =&gt; {
            let _data = data.data[0];
            div.innerHTML = _data.content;
            $(div).find(&#39;figure&#39;).each((index, item) =&gt; {
                const imgElement = $(item).find(&#39;img&#39;);
                if (imgElement.length) {
                    const imgSrc = imgElement.attr(&#39;src&#39;);
                    const newElement = $(&#39;&lt;p&gt;&#39;).html(`&lt;span style=&#34;display: block;&#34; data-fancybox=&#34;Xc&#34; href=&#34;${imgSrc}&#34;&gt;&lt;img src=&#34;${imgSrc}&#34; alt=&#34;&#34; loading=&#34;lazy&#34;&gt;&lt;/span&gt;`);
                    $(item).replaceWith(newElement);
                }
            });
            $(div).find(&#39;a&#39;).each((index, item) =&gt; {
                $(item).remove();
            });
        }
    });
});</code></pre></div></div><h4 id="9nhp9" name="%E6%B3%A8%E6%84%8F%E4%BA%8B%E9%A1%B9">注意事项</h4><p>此方法理论上仅支持Joe主题以及大部分魔改Joe主题。对于其他主题，可能需要根据主题的文章样式修改代码中的模板，以达到最佳显示效果。如果您使用的是其他主题，可以在评论区留言，有空时我们会尽力帮助您修改JavaScript代码。</p>