乐趣区

关于leetcode:分享一款将-LeetCode-中-AC-的题目转化为-MarkDown-表格的插件

背景: 写博客的时候每当新增 LeetCode 题解时都须要在 LeetCode/README 手动更新表格, 十分吃力。因而构思了 crd-leetcode-cli 插件实现自动化同步更新 leetcode ac 题解为 markdown table。

crd-leetcode-cli

crd-leetcode-cli 提供将 leetcode 中已 AC 的题目转化为 markdown 表格的能力。

Install

执行 yarn add crd-leetcode-cli -g, 国内用户能够执行 cnpm install crd-leetcode-cli -g

Usage

leetcode download       // 增量拉取 AC 题目 (若无登录, 则会先执行登录逻辑)
leetcode download -a    // 全量拉取 AC 题目
leetcode login          // 登录
leetcode logout         // 登出 

接入我的项目示例

Render Markdown Table Customly

插件提供了自定义渲染 markdown table 的能力。

  • 在我的项目根目录创立 config.js 文件。
  • 在 config.js 内自定义生成 markdown 的 transform_markdown_table 函数。
const transform_markdown_table = (dataArr) => {const beforeDescription = `The markdown table is generated by [crd-leetcode-cli](https://github.com/MuYunyun/create-react-doc/tree/master/packages/leetcode-cli)`;
  let result = beforeDescription + '\n' +
    '| # | Title | Explanation | Difficulty | Type |' +
    '\n' +
    '|:---:|:---:|:---:|:---:|:---:|';

  for (let i = 0; i < dataArr.length; i++) {result += `\n| ${dataArr[i].questionId} | [${dataArr[i].title
      }](https://leetcode.com/problems/${dataArr[i].titleSlug
      }/) | [Analyze](https://github.com/MuYunyun/blog/blob/master/LeetCode/${dataArr[i].questionId
      }.${dataArr[i].title.split('').join('_')}.md) | ${dataArr[i].difficulty
      } | ${dataArr[i].topicTags} |`;
  }
  return result;
};

module.exports = {transform_markdown_table}

通过自定义 transform_markdown_table 函数, 便可失去如下 markdown table:

Technology Details

  • 应用 puppeteer 登录 leetcode 获取 cookie 信息。

  • 获取 cookie 后, 应用 graphql-request 调用 graphql 接口获取题目详情信息。
  • 自定义生成 markdown table。
退出移动版