注意:在Typecho博客中显示天气,本站以handsome主题为例
首先,进入https://www.seniverse.com
注册
注册完成后点击
进入:https://www.seniverse.com/widget/get
按照自己的喜好自定义样式
自定义完成后安装代码将会在下面生成
将生成的代码粘贴到页面的</body>之前
vim 网站根目录/usr/themes/handsome/component/headnav.php
#在第54行</form>的下面将刚才的代码添加进去
然后进入网站中刷新界面
发现样式乱了
修改刚才的文件
vim 网站根目录/usr/themes/handsome/component/headnav.php
将<div id="tp-weather-widget">
改成<div id="tp-weather-widget" class="navbar-form navbar-form-sm navbar-left shift">
返回首页再次刷新界面,这次显示正常
我可以使用你的吗?知心天气现在不提供插件了
<div id="tp-weather-widget" class="navbar-form navbar-form-sm navbar-left shift" style="text-align:center"></div>
<script>tpwidget("init", { "flavor": "slim", "location": "WX4FBXXFKE4F", "geolocation": "enabled", "language": "zh-chs", "unit": "c", "theme": "chameleon", "container": "tp-weather-widget", "bubble": "enabled", "alarmType": "badge", "color": "#FFFFFF", "uid": "U8FFCC8016", "hash": "a5e0b51451f08acbbfa48a35bb4b92b1"<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.seniverse.com/widget/chameleon.js"))</script>
});
tpwidget("show");</script>
博主你好,请问如何让移动端不显示天气呢?
PC端挺好看的,但移动端和播放器没对齐,逼死强迫症٩(ˊᗜˋ*)و
将<div id="tp-weather-widget" class="navbar-form navbar-form-sm navbar-left shift" >改成<div id="tp-weather-widget" class="navbar-form navbar-form-sm navbar-left shift" style="text-align:center">就好了