Typecho博客中显示天气

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

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

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

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

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

```javascript

   <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
在前插入代码
```JavaScript

document.body.oncopy = function() { if (window.getSelection().toString() && window.getSelection().toString().length > 5) {layer.msg('复制成功，若要转载请务必保留原文链接！');} };
```

回复
Feihong
August 26th, 2020 at 09:49 pm

鼠标点击特效
主题-->component-->footer.php
在前插入代码
```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

回复
Feihong
August 26th, 2020 at 09:40 pm

评论框打字特效
主题-->component-->footer.php
在前插入代码

回复