Hexo（sakura）添加天气小插件，自定义路由

一、添加天气小插件

首先去中国天气官网：https://cj.weather.com.cn/plugin/pc，配置自己的插件：
（tips：免费的，但需要注册账号）

• 选择自定义插件
• 自定义样式
• 生成代码，复制粘贴到 themes/sakura/layout.ejs即可

<!-- weather -->
<script type="text/javascript">
  WIDGET = {FID: 'yqRrzxwtvs'}
  </script>
  <script type="text/javascript" src="https://apip.weatherdt.com/float/static/js/r.js?v=1111"></script>

二、自定义文章生成链接

主题默认的文章链接配置是

premalink: :year/:month/:day/:title

这种生成的链接地址很长，文章版权的链接地址会出现一大串字符编码，一点也不好看。因此需要修改文章生成链接的格式。

1. 首先在根目录下安装hexo-abbrlink插件：

   npm install hexo-abbrlink --save
   

2. 修改主配置文件

   • 增添：启用算法生成不重复文件编号

     ## 启用算法生成不重复文件编号
     abbrlink:
     	  alg: crc16   #算法： crc16(default) and crc32
     	  rep: hex   #进制： dec(default) and hex: dec #输出进制：十进制和十六进制，默认为10进制。丨dec为十进制，hex为十六进制
     

   • 修改：permalink: post/:abbrlink.html
     （此处可以自己设置，也可以直接使用 :/abbrlink）

     permalink: post/:abbrlink.html 
     

生成文章的链接格式就会是如下样例（官方样例）:

crc16 & hex
https://post.zz173.com/posts/66c8.html

crc16 & dec
https://post.zz173.com/posts/65535.html
crc32 & hex
https://post.zz173.com/posts/8ddf18fb.html

crc32 & dec
https://post.zz173.com/posts/1690090958.html

生成完后，原md文件的Front-matter 内会增加abbrlink 字段，值为生成的ID 。这个字段确保了在我们修改了Front-matter 内的博客标题title或创建日期date字段之后而不会改变链接地址。