yilia主题添加天气插件

2020-02-16

字数统计: 460字 | 阅读时长≈ 2分

摘要：给博客yilia主题的hexo博客添加天气插件。

添加“心知天气”

1.生成js代码，以来代码是复制别人的，可能会存在问题（因为应该是用他的秘钥，要是他修改你就会变）：

<!-- 《添加“心知天气”-->
<% if(theme.xinzhi_weather){ %>
    <div id="tp-weather-widget"></div>
    <script>
            (function(T, h, i, n, k, P, a, g, e) {
                g = function() {
                    P = h.createElement(i);
                    a = h.getElementsByTagName(i)[0];
                    P.src = k;
                    P.charset = "utf-8";
                    P.async = 1;
                    a.parentNode.insertBefore(P, a)
                };
                T["ThinkPageWeatherWidgetObject"] = n;
                T[n] || (T[n] = function() {
                    (T[n].q = T[n].q || []).push(arguments)
                });
                T[n].l = +new Date();
                if (T.attachEvent) {
                    T.attachEvent("onload", g)
                } else {
                    T.addEventListener("load", g, false)
                }
            }(window, document, "script", "tpwidget", "//widget.thinkpage.cn/widget/chameleon.js"))
        </script>
        <script>
            tpwidget("init", {
                "flavor": "slim",
                "location": "WM6N2PM3WY2K",
                "geolocation": "enabled",
                "language": "zh-chs",
                "unit": "c",
                "theme": "chameleon",
                "container": "tp-weather-widget",
                "bubble": "enabled",
                "alarmType": "badge",
                "color": "#FFFFFF",
                "uid": "U88B4B2797",
                "hash": "c9d7cb43b80ffece52c9a1ebbfbca65f"
            });
            tpwidget("show");
        </script>
    <% } %>
<!-- 添加“心知天气”》-->

2.添加到左侧边栏

修改themes/yilia/layout/_partial/left-col.ejs，将上面的js代码添加到指定位置，位置如下：

<div class="overlay" style="background: <%= theme.style && theme.style.header ? theme.style.header : defaultBg %>">

<!-- 将上面代码插入此处-->

</div>
<div class="intrude-less">

3.配置yilia

themes/yilia/_config.yml中添加如下配置：