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>

在这里插入图片描述

二、修改文章生成链接形式

示例:同一篇文章的搜索地址
在这里插入图片描述
第一种中文版:http://cungudafa.gitee.io/2020/02/17/Hexo%EF%BC%88sakura%EF%BC%89%E8%AE%BE%E7%BD%AE%E6%96%87%E7%AB%A0%E7%BD%AE%E9%A1%B6+%E7%A7%81%E5%AF%86%E6%96%87%E7%AB%A0
第二种随机数字加代码重命名版:
https://cungudafa.gitee.io/post/73fa.html
第三种中文转拼音版:
https://cungudafa.gitee.io/2020/02/17/hexo-sakura-she-zhi-wen-zhang-zhi-ding-si-mi-wen-zhang/

1.随机编号

主题默认的文章链接配置是(中文版)

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字段之后而不会改变链接地址。

2.拼音版

  1. 安装插件

    npm i hexo-permalink-pinyin --save
    
  2. 主文件配置(把之前的abbrlink修改回来)

    permalink: :year/:month/:day/:title/
    
    # 中文链接转拼音
    # https://github.com/viko16/hexo-permalink-pinyin
    permalink_pinyin:
      enable: true
      separator: '' # 拼音之间的间隔符default: '-'
    

    修改完成如下:在这里插入图片描述

  3. 运行效果为汉字转拼音:
    在这里插入图片描述

以上两种修改路径的方法自选一种就好了,卸载插件是:

npm install hexo-abbrlink --save

npm uninstall hexo-permalink-pinyin --save

删掉主配置文件无关配置即可。

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 酷酷鲨 设计师:CSDN官方博客 返回首页