hexo-theme-reimu/scripts/tag/friendLink.js

A Hakurei Reimu style Hexo theme

/**
 * - name: D-Sketon
 *   url: https://d-sketon.top/
 *   desc: 东方音mader
 *   image: https://d-sketon.top/img/icon/icon.png
 */
const fs = require("fs");
const path = require("path");
const yaml = require("js-yaml");

const template = ({ name, url, desc, image }) => {
  return `<div class="friend-item-wrap">
    <a href="${url}" rel="noopener nofollow noreferrer" target="_blank"></a>
    <div class="friend-icon-wrap">
      <img class="no-lightbox" src="${image}" alt="${name}">
    </div>
    <div class="friend-info-wrap">
      <div class="friend-name">
          ${name} 
      </div>
      <div class="friend-desc">
        ${desc}
      </div>
    </div>
  </div>`;
};
const loadFile = (arg) => {
  if (arg) {
    let filepath = path.join(hexo.source_dir, arg);
    if (fs.existsSync(filepath)) {
      let content = fs.readFileSync(filepath);
      if (!content) return;
      let load = yaml.load(content);
      if (!load) return;
      return insertHtml(load);
    }
  }
};

const insertHtml = (load) => {
  let content = `<div class="friend-wrap" data-aos="zoom-in">`;
  load.forEach((item) => {
    if (!item.name || !item.url) return;
    content += template(item);
  });
  content += `</div>`;
  return content;
};

/**
 * {% friendsLink filePath %}
 */
hexo.extend.tag.register("friendsLink", (args) => {
  return loadFile(args[0]);
});