Hexo-Butterfly添加天气插件
效果如图所示:
就是JS插件的字体大小我不会调,稍微有一点瑕疵,不过影响不大。
我用的是心知天气的天气插件(其他天气插件同理)。
首先,先到心知天气的官网注册一个账号——心知天气。
登录,申请一个免费版,然后在产品的下拉栏中选择天气插件,然后点击立即免费使用。
然后,在下面选择显示参数。
点击生成代码并复制。
打开主题文件目录
找到并打开nav.pug
将下面这行代码放入合适的位置
<div id="tp-weather-widget"></div>
例如:
保存并关闭
接着,在此路径下创建一个JS文件,名称随意。
打开,将刚才复制代码中的 中间的内容粘贴进去。
就是将下图中画横线的代码删除。
保存并关闭
最后,找到主题配置文件_config.yml
打开,在inject处引入刚才创建的JS文件(注意文件名称)。
保存并退出
hexo clean&&hexo g&&hexo d即可完成