Typecho博客中显示天气

博主： Feihong
发布时间：2020 年 01 月 01 日
7391 次浏览
12 条评论
1058字数
分类：网站搭建

在Typecho博客中显示天气，本站以handsome主题为例

首先注册心知天气获取api,注册地址https://www.seniverse.com/

需要修改的文件在网站根目录/usr/themes/handsome/component/headnav.php

在第54行的下面将在心知天气获取到的代码添加进去即可

<!-- 知心天气-->
   <div id="tp-weather-widget" class="navbar-form navbar-form-sm navbar-left shift"></div>
  <script>
    (function(a,h,g,f,e,d,c,b){b=function(){d=h.createElement(g);c=h.getElementsByTagName(g)[0];d.src=e;d.charset="utf-8";d.async=1;c.parentNode.insertBefore(d,c)};a["SeniverseWeatherWidgetObject"]=f;a[f]||(a[f]=function(){(a[f].q=a[f].q||[]).push(arguments)});a[f].l=+new Date();if(a.attachEvent){a.attachEvent("onload",b)}else{a.addEventListener("load",b,false)}}(window,document,"script","SeniverseWeatherWidget","//cdn.sencdn.com/widget2/static/js/bundle.js?t="+parseInt((new Date().getTime() / 100000000).toString(),10)));
    window.SeniverseWeatherWidget('show', {
      flavor: "slim",
      location: "WS36TH3V9370",
      geolocation: true,
      language: "auto",
      unit: "c",
      theme: "light",
      token: "57f2d718-da81-4fed-98ee-bd019756d0fa",
      hover: "enabled",
      container: "tp-weather-widget"
    })
  </script>
  <!-- 知心天气-->

最后修改：2020 年 02 月 08 日

如果觉得我的文章对你有用，请随意赞赏

12 条评论

庞豪豪
October 23rd, 2020 at 03:40 pm

你好我问下您网站上右边这个下拉滑动效果怎么实现的求助

回复
1. Feihong
  October 23rd, 2020 at 06:50 pm
  
  @庞豪豪
  
  那只小喵咪吗就是用插件改的返回顶部
  
  回复
  1. 庞豪豪
    October 23rd, 2020 at 07:40 pm
    
    @Feihong
    
    是那个插件麻烦可以提供下吗
    
    回复
    
    Feihong
    October 23rd, 2020 at 07:52 pm
    
    @庞豪豪
    
    搜关键词 GoTop Typecho就可以找到了哈
    
    回复
XiaoFans
October 7th, 2020 at 07:47 pm

心知天气有插件版了呢，handsome专用：https://github.com/6get-xiaofan/SenWeather

回复
Roy
August 28th, 2020 at 12:45 pm

MyLove页面不错哦还有这个云盘是怎么搞的

回复
1. Feihong
  September 1st, 2020 at 08:13 pm
  
  @Roy
  
  云盘用的NEXT Cloud程序，在服务器部署一下就可以啦
  
  回复
Roy
August 28th, 2020 at 12:40 pm

你这个天气的显示不居中了，我用的是7.3.1版本的handsome，加上这个显示更是错位。。

回复
1. Feihong
  September 1st, 2020 at 08:13 pm
  
  @Roy
  
  我这个天气本来就是没设置居中的哈哈哈
  
  回复

Feihong

August 26th, 2020 at 09:55 pm

复制提示
主题-->component-->footer.php
在前插入代码

<!--复制提示-->
<script type="text/javascript"> 
document.body.oncopy = function() 
    {
        if (window.getSelection().toString() && window.getSelection().toString().length > 5)
        {layer.msg('复制成功，若要转载请务必保留原文链接！');}        
    };
</script>

Feihong

August 26th, 2020 at 09:49 pm

鼠标点击特效
主题-->component-->footer.php
在前插入代码

<script type="text/javascript"> 
(function(window,document,undefined){
var hearts = [];
window.requestAnimationFrame = (function(){
return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.oRequestAnimationFrame ||
window.msRequestAnimationFrame ||
function (callback){
setTimeout(callback,1000/60);
}
})();
init();
function init(){
css(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: absolute;}.heart:after{top: -5px;}.heart:before{left: -5px;}");
attachEvent();
gameloop();
}
function gameloop(){
for(var i=0;i<hearts.length;i++){
if(hearts[i].alpha <=0){
document.body.removeChild(hearts[i].el);
hearts.splice(i,1);
continue;
}
hearts[i].y--;
hearts[i].scale += 0.004;
hearts[i].alpha -= 0.013;
hearts[i].el.style.cssText = "left:"+hearts[i].x+"px;top:"+hearts[i].y+"px;opacity:"+hearts[i].alpha+";transform:scale("+hearts[i].scale+","+hearts[i].scale+") rotate(45deg);background:"+hearts[i].color;
}
requestAnimationFrame(gameloop);
}
function attachEvent(){
var old = typeof window.onclick==="function" && window.onclick;
window.onclick = function(event){
old && old();
createHeart(event);
}
}
function createHeart(event){
var d = document.createElement("div");
d.className = "heart";
hearts.push({
el : d,
x : event.clientX - 5,
y : event.clientY - 5,
scale : 1,
alpha : 1,
color : randomColor()
});
document.body.appendChild(d);
}
function css(css){
var style = document.createElement("style");
style.type="text/css";
try{
style.appendChild(document.createTextNode(css));
}catch(ex){
style.styleSheet.cssText = css;
}
document.getElementsByTagName('head')[0].appendChild(style);
}
function randomColor(){
return "rgb("+(~~(Math.random()*255))+","+(~~(Math.random()*255))+","+(~~(Math.random()*255))+")";
}
})(window,document);
</script>