hexo:raytaylorism主题增加天气插件和公安备案

声明:本文仅限用于学术交流,引用或转载本文时请注明出处!

一直打算给自己基于hexo的博客增加天气的插件,以前有心知专门为hexo的插件,但自从今年维护之后,再也没有了。参考网上教程添加了插件

增加天气插件

获取代码

参考hexo美化添加天气插件生成自己需要的代码,其中最重要的是FID。

在raytaylorism中保存Javascript代码

在raytaylorism\source\js中创建weather.js

1
2
(function(a){var b=a.getElementById("weather-float-he");b&&b.parentNode.removeChild(b);b=a.createElement("div");b.id="weather-float-he";a.getElementsByTagName("body")[0].appendChild(b);b=a.createElement("link");b.rel="stylesheet";b.href="https://apip.weatherdt.com/float/static/css/tqw_widget_float.css?v=0101";var c=a.createElement("script");c.src="https://apip.weatherdt.com/float/static/js/tqw_widget_float.js?v=0101";a=a.getElementsByTagName("script")[0];a.parentNode.insertBefore(b,a);a.parentNode.insertBefore(c,
a);setTimeout("moveweather()",1500)})(document);function moveweather(){document.getElementById("weather-float-he").style.position="fixed"};

生成插件

保存raytaylorism\layout\_partial\plugin\weather.ejs

1
2
3
4
5
6
<% if (theme.weather.enabled) { %>
<script type="text/javascript">
WIDGET = {FID: '<%= theme.weather.fid %>'}
</script>
<script type="text/javascript" src="<%- config.root %>js/weather.js"></script>
<% } %>

引入插件

raytaylorism\layout\_partial\after_footer.ejs中最后添加下面的代码:

1
<%- partial('plugin/weather') %>

修改主题的配置文件

修改_config.yml,在最后面添加:

1
2
3
4
# 天气插件
weather:
enabled: true
fid: GDUBBtCP5o

增加公安备案信息

增加代码

raytaylorism\layout\_partial\footer.ejs中添加一下代码:

1
2
3
4
5
<% if (theme.gonganbeian.enabled) { %>
<div style="width:300px;margin:-14px auto;">
<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=<%= theme.gonganbeian.id %>" style="text-decoration:none;height:20px;line-height:20px;"><img src="<%- config.root %>beian.png" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 12px 0px 0px 5px; color:rgba(255,255,255,0.8);"><%= theme.gonganbeian.all_tag %></p></a>
</div>
<% } %>

修改配置文件

修改_config.yml,在最后面添加:

1
2
3
4
gonganbeian: 
enabled: true
id: 50010602*******
all_tag: 渝公网安备 50010602*****号

参考文献

wechat
欢迎您扫一扫上面的微信公众号,订阅我的博客!

当前网速较慢或者你使用的浏览器不支持博客特定功能,请尝试刷新或换用Chrome、Firefox等现代浏览器