第一步 申請Personal Access Token

從 Github 的 Personal access tokens 頁面，點擊 Generate new token

第二步 安裝項目依賴

npm i request xml-parser blueimp-md5 moment hexo-generator-sitemap -S

項目根目錄配置文件 _config.yml 添加配置

# ...
# hexo sitemap網站地圖
sitemap:
  path: sitemap.xml
  # 此配置跟後面新建的文件名相同
  template: ./sitemap_template.xml
# ...

第三步 項目根目錄下新建 comment.js

comment.js

#!/usr/bin/env node
const request = require("request");
const fs = require("fs");
const path = require("path");
const url = require("url");
const xmlParser = require("xml-parser");
const YAML = require("yamljs");
const cheerio = require("cheerio");
const md5 = require("md5");
// 根據自己的情況進行配置
const config = {
    username: "用戶名", // GitHub 用戶名
    token: "Token",  // GitHub Token
    repo: "issues的git倉庫",  // 存放 issues的git倉庫
    // sitemap.xml的路徑，commit.js放置在根目錄下，無需修改，其他情況自行處理
    sitemapUrl: path.resolve(__dirname, "./public/sitemap.xml"),
    kind: "Gitalk",  // "Gitalk" or "Gitment"，
    baseUrl: "https://blog.lingma.top/"
};
let issuesUrl = `https://api.github.com/repos/${config.username}/${config.repo}/issues?access_token=${config.token}`;

let requestGetOpt = {
    url: `${issuesUrl}&page=1&per_page=1000`,
    json: true,
    headers: {
        "User-Agent": "github-user",
        "Authorization":"token 你的token"
    }
};
let requestPostOpt = {
    ...requestGetOpt,
    url:issuesUrl,
    method: "POST",
    form: ""
};

console.log("開始初始化評論...");

(async function() {
    console.log("開始檢索鏈接，請稍等...");

    try {
        let websiteConfig = YAML.parse(fs.readFileSync(path.resolve(__dirname, "./_config.yml"), "utf8"));

        let urls = sitemapXmlReader(config.sitemapUrl);
        
       
        console.log(`共檢索到${urls.length}個鏈接`);
      
        console.log("開始獲取已經初始化的issues:"+`${requestGetOpt.url}` );
        let issues = await send(requestGetOpt);
     //   console.log(issues)
        console.log(`已經存在${issues.length}個issues`);

        let notInitIssueLinks = urls.filter((link) => {
            return !issues.find((item) => {
               
                link = removeProtocol(link);
                console.log("link",link)
                return  !!item.body? item.body.includes(link):false;
            });
        });
       
       
        if (notInitIssueLinks.length > 0) {
            console.log(`本次有${notInitIssueLinks.length}個鏈接需要初始化issue：`);
         //   console.log(notInitIssueLinks);
            console.log("開始提交初始化請求, 大約需要40秒...");
            /**
             * 部署好網站後，直接執行start，新增文章並不會生成評論
             * 經測試，最少需要等待40秒，纔可以正確生成， 懷疑跟github的api有關係，沒有找到實錘
             */
            setTimeout(async ()=>{
                let initRet = await notInitIssueLinks.map(async (item) => {
                    let html = await send({ ...requestGetOpt, url: item });
                    let title = cheerio.load(html)("title").text();
                    let pathLabel = md5( url.parse(item).path);
                    console.log("MD5",url,url.parse(item).path,pathLabel)
                    let body = `${item}<br><br>${websiteConfig.description}`;
                    let form = JSON.stringify({ body, labels: [config.kind, pathLabel], title });
                    return send({ ...requestPostOpt, form });
                });
                console.log(`已完成${initRet.length}個！`);
                console.log("可以愉快的發表評論了！");
            },40000);
        } else {
            console.log("本次發佈無新增頁面，無需初始化issue!!");
        }
    } catch (e) {
        console.log(`初始化issue出錯，錯誤如下：`);
        console.log(e);
    } finally {

    }
})();

function sitemapXmlReader(file) {
    let data = fs.readFileSync(file, "utf8");
    let sitemap = xmlParser(data);
    return sitemap.root.children.map(function (url) {
        let loc = url.children.filter(function (item) {
            return item.name === "loc";
        })[0];
        return loc.content;
    });
}

function removeProtocol(url) {
    return url.substr(url.indexOf(":"));
}

function send(options) {
    return new Promise(function (resolve, reject) {
        request(options, function (error, response, body) {
            if (!error) {
                resolve(body);
            } else {
                reject(error);
            }
        });
    });
}

第四步: 測試

執行 node ./comment.js

第五步: 自動化

修改 package.json

...
"scripts": {
    "b": "npm run c && hexo generate && node comment.js",
    "c": "hexo clean",
    "d": "npm run b && hexo d ",
    "s": "npm run b && hexo s"
  },
...

運行 npm run d 或者 npm run s

本文參考: https://blog.jijian.link/2020-01-10/hexo-gitalk-auto-init/

• 本文鏈接： https://blog.lingma.top/2022/09/14/3f066a9008ed/hexo-gitalk-評論自動初始化/index.html
• 版權聲明： 本博客所有文章除特別聲明外，均採用 反996許可證版本1.0 許可協議。轉載請註明出處！