npm install --save hexo-helper-live2d

白猫 / 黑猫

npm install --save live2d-widget-model-tororo live2d-widget-model-hijiki

• 启用模型: 在/_config.yml 里找到 model.use 改成想用的模型文件夹名

• 安装

  npm install hexo-steam-games --save

• 配置

  steam: enable: true steamId: "xxx" # steam64位Id(需要放在引号里),将steam库设置为公开 path: tags/games.html # 页面路径，默认steamgames/index.html title: ⭐️养鸡场⭐️ quote: "Steam给爷爬!别让我家EPIC误会" # 写在页面开头的一段话,支持html语法 tab: all # all或recent, all: 所有游戏, recent: 最近游玩的游戏 length: 1000 imgUrl: "https://cdn.jsdelivr.net/gh/Weidows/Weidows/image/avatar.png" # 图片链接，在quote下面放一张图片，图片链接到Steam个人资料，可留空 proxy: # 如果无法访问steam社区的话请使用代理 host: # 代理ip或域名 port: # 代理端口

  ---

• 使用:

  Hexo g 之前 hexo steam -u, 如果失败需要手动:

  浏览器打开https://steamcommunity.com/profiles/76561198321099712/games/?tab=all {steamId}和{tab}分别替换为上面配置中提到的 steamId 和 tab

  F12 控制台 console 输入下面内容执行:

  let script = jQuery('script[language="javascript"]'); var games = []; for (let i = 0; i < script.length; i++) { if (script.eq(i).html().includes("rgGames")) { let rgGames = script.eq(i).html().match(/var.*?rgGames.*?=.*?(\[[\w\W]*?\}\}\]);/); if (rgGames) { games = JSON.parse(rgGames[1]); break; } } } document.write(JSON.stringify(games))

  生成的内容复制到root/node_modules/hexo-steam-games/data/games.json

  这个不用 new 页面(但是数据文件路径无法改)

• 安装:

  npm install hexo-bilibili-bangumi --save

• 配置: 写入root/_config.yml

  bangumi: enable: true path: #页面路径 vmid: ## 哔哩哔哩番剧页面的 vmid(uid) title: "追番列表" ## 页面的标题 quote: "生命不息，追番不止！" ## 写在页面开头的一段话，支持 html 语法 show: 1 ## 初始显示页面：0: 想看 , 1: 在看 , 2: 看过，默认为 1 loading: ## 图片加载完成前的 loading 图片 metaColor: ## meta 部分(简介上方)字体颜色 color: ## 简介字体颜色 webp: progress: ## 获取番剧数据时是否显示进度条，默认true

• 可选创建页面,进入 root/命令行,执行: hexo new page bangumis ;当然也可以直接在 source/直接新建一个 markdown,然后把文件头 type 写为:type: "bangumis"

  尝试过可以不用.md,在_data 里只放上数据文件 bangumis.json 就可以在指定路径生成了

• 更新/删除数据:

  hexo bangumi -u hexo bangumi -d

吸底 mini 播放器

• 需要导入 js 并通过导入 css 修改 Aplayer 缩进样式:

  在_config.yml 里修改有一定限制,inject 只能搞腚 source 中文章的其中某一层目录,多层需要不同层级目录各引用一次,如下:

  inject: head: ## - <link rel="stylesheet" href="./css/mine.css"> bottom: ## - <script src="./js/mine.js"></script> ## - <script src="../js/mine.js"></script> ## - <script src="../../js/mine.js"></script> ## - <script src="../../../js/mine_post.js"></script>

• 这里介绍另一种全局 inject 的方法:

  找到 theme/xxx/layout/includes/layout.pug, 在最后添加如下字段:

  script(src='js/mine.js') link(rel='stylesheet', href='css/mine.css')

  按照上面可以自行修改 JS/CSS 的引入,全局生效(注意有可能 PJAX 会使这种引入的 Js 无效化)

用于压缩文件, 参考文章 ^[2]

• Cli 和模块

  npm install gulp -g npm install gulp-htmlclean gulp-htmlmin gulp-imagemin gulp-minify-css gulp-uglify --save

• 在博客根目录新建gulpfile.js

  var gulp = require("gulp"); var minifycss = require("gulp-minify-css"); var uglify = require("gulp-uglify"); var htmlmin = require("gulp-htmlmin"); var htmlclean = require("gulp-htmlclean"); var imagemin = require("gulp-imagemin"); // 压缩html gulp.task("minify-html", function () { return gulp .src("./public/**/*.html") .pipe(htmlclean()) .pipe( htmlmin({ removeComments: true, minifyJS: true, minifyCSS: true, minifyURLs: true, }) ) .pipe(gulp.dest("./public")); }); // 压缩css gulp.task("minify-css", function () { return gulp .src("./public/**/*.css") .pipe( minifycss({ compatibility: "ie8", }) ) .pipe(gulp.dest("./public")); }); // 压缩js gulp.task("minify-js", function () { return gulp .src("./public/js/**/*.js") .pipe(uglify()) .pipe(gulp.dest("./public")); }); // 压缩图片 gulp.task("minify-images", function () { return gulp .src("./public/images/**/*.*") .pipe( imagemin( [ imagemin.gifsicle({ optimizationLevel: 3 }), imagemin.jpegtran({ progressive: true }), imagemin.optipng({ optimizationLevel: 7 }), imagemin.svgo(), ], { verbose: true } ) ) .pipe(gulp.dest("./public/images")); }); // 默认任务 gulp.task("default", [ "minify-html", "minify-css", "minify-js", "minify-images", ]);

• 然后gulp就可以压缩了.

• 安装

  npm install hexo-douban --save

• 使用

  douban: user: userID # 你的豆瓣 ID.打开豆瓣，登入账户，然后在右上角点击 "个人主页" ，这时候地址栏的 URL 大概是这样："https://www.douban.com/people/xxxxxx/" ，其中的"xxxxxx"就是你的个人 ID 了。 builtin: true # 是否将生成页面的功能嵌入 hexo s 和 hexo g 中，默认是 false,另一可选项为 true(1.x.x 版本新增配置项)。 timeout: 10000 # 爬取数据的超时时间，默认是 10000ms ,如果在使用时发现报了超时的错(ETIMEOUT)可以把这个数据设置的大一点。 # 如果只想显示某一个页面(比如 movie)，那就把其他的配置项注释掉即可。 book: title: "My book title" # 该页面的标题 quote: "My book quote" # 写在页面开头的一段话,支持 html 语法. movie: title: "My movie title" quote: "My movie quote" game: title: "My game title" quote: "My game quote"

• 安装依赖和插件

  npm install object-assign hexo-generator-random --save

• 应用

  插件会在根目录生成 random.html.

• 安装

  npm install hexo-neat --save

• 配置

  # 博文压缩 neat_enable: true neat_html: enable: true exclude: neat_css: enable: true exclude: - "**/*.min.css" neat_js: enable: true mangle: true output: compress: exclude: - "**/*.min.js" - "**/jquery.fancybox.pack.js" - "**/index.js"