背景: 寫博客的時候每當新增 LeetCode 題解時都需要在 LeetCode/README 手動更新表格, 非常費勁。因此構思了 crd-leetcode-cli 插件實現自動化同步更新 leetcode ac 題解為 markdown table 。

crd-leetcode-cli 提供將 leetcode 中已 AC 的題目轉化為 markdown 表格的能力。

安裝

執行 yarn add crd-leetcode-cli -g, 國內用戶可以執行 cnpm install crd-leetcode-cli -g

使用

leetcode download // 增量拉取 AC 題目(若無登錄, 則會先執行登錄邏輯) leetcode download -a // 全量拉取 AC 題目 leetcode login // 登錄 leetcode logout // 登出接入項目示例

自定義渲染表格

插件提供了自定義渲染 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:

技術細節

• 使用 puppeteer 登錄 leetcode 獲取 cookie 信息。

• 獲取 cookie 后, 使用 graphql-request 調用 graphql 接口獲取題目詳情信息。
• 自定義生成 markdown table。

總結

以上是生活随笔為你收集整理的中leetcode提示未登录_分享一款将 LeetCode 中 AC 的题目转化为 MarkDown 表格的插件...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。