hexo魔改汇总

0 官方文档

• hexo
  • 初始化：https://hexo.io/zh-cn/api/#%E5%88%9D%E5%A7%8B%E5%8C%96
  • 渲染：https://hexo.io/zh-cn/api/rendering
  • 局部变量：https://hexo.io/zh-cn/api/locals
  • 注入器：https://hexo.io/zh-cn/api/injector.html
• fluid
  • 文档：https://hexo.fluid-dev.com/docs/guide/#%E5%85%B3%E4%BA%8E%E6%8C%87%E5%8D%97
  • 博客：https://hexo.fluid-dev.com/
  • 博客之注入器的使用：https://hexo.fluid-dev.com/posts/hexo-injector/

1 删除文章插入的图片有阴影

css文件中加入：

.markdown-body p > a > img {
  box-shadow: none;
}

2 删除Typora插入图片的alt后缀

使用vs，正则匹配

\[[0-9]*

替换为[即可

3 生成image_list.js

// 全屏背景的需要导入这些js
const fs = require('fs');
image_list_js = './source/js/image_list.js'
image_list_dir = './source/img/banner_img/anime/'
image_web_dir = '/img/banner_img/anime/'
// 同步读取上级目录下的所有文件到files中
const files = fs.readdirSync(image_list_dir);
console.log('*********************READ IMAGE LIST***************************');
var image_list = [];
files.forEach((item,index)=>{
  image_list.push(image_web_dir + item)
})
console.log(image_list);

console.log('*********************WRITE IMAGE LIST***************************');
fs.writeFile(image_list_js,'var image_list = [\n', 'utf8',function(error){
  if(error){
      console.log(error);
      return false;
  }
})
image_list.forEach((item,index)=>{
  fs.appendFile(image_list_js,'\"' + item + '\",\n', 'utf8',function(error){
    if(error){
        console.log(error);
        return false;
    }
  })
})
fs.appendFile(image_list_js, "];" + '\n', 'utf8',function(error){
  if(error){
      console.log(error);
      return false;
  }
})

• 在<blog>\script\目录下的所有脚本都会被hexo使用nodejs自动执行
• 使用这个机制生成包含image_list的js文件

4 fuild tag标签

https://hexo.fluid-dev.com/docs/guide/#tag-%E6%8F%92%E4%BB%B6