Hugo LeetCode Dashboard 使用教程

Hugo LeetCode Dashboard 使用教程

hugo-leetcode-dashboardA LeetCode dashboard for hugo website项目地址:https://gitcode.com/gh_mirrors/hu/hugo-leetcode-dashboard

项目介绍

Hugo LeetCode Dashboard 是一个开源项目，旨在为 LeetCode 刷题者提供一个可视化的仪表板，帮助他们更好地跟踪和管理自己的刷题进度。该项目基于 Hugo 框架开发，具有高度的可定制性和灵活性，可以根据用户的需求进行定制。

项目快速启动

下载 Repo 到本地

git clone https://github.com/lryong/hugo-leetcode-dashboard.git

安装依赖

本项目需要用到 requests 和 aiohttp 包，通过 pip 安装即可：

pip install requests aiohttp

更新配置文件

更新仓库根目录下的 config.json 文件：

[
  {
    "username": "leetcode-cn@leetcode",
    "password": "leetcode",
    "outputDir": "/LeetCode"
  }
]

username 是 LeetCode-cn 账号，password 是对应密码，outputDir 为 dashboard 生成路径（注：这里配置为 Hugo 站点的文档路径，如：/Users/XXX/my_blogs/content）。

支持原生 HTML

在个人网站根目录下新建 layouts/shortcodes/rawhtml.html 文件，以支持原生 HTML：

<-- raw html -->
[[ Inner ]]

一键部署到 Hugo 站点

参考以下命令：

echo "2" | python3 run.py && cp imgs/leetcode-logo.png /Users/XXX/my_blogs/static/images

应用案例和最佳实践

应用案例

Hugo LeetCode Dashboard 可以用于个人博客或技术网站，帮助博主展示自己的 LeetCode 刷题进度和解题思路。通过可视化的仪表板，读者可以更直观地了解博主的刷题情况，同时也可以作为博主自我激励和管理的工具。

最佳实践

1. 定期更新刷题数据：建议每周或每月定期同步 LeetCode 上的题目数据到仪表板，以保持数据的实时性和准确性。
2. 个性化定制：根据个人喜好和需求，调整仪表板的布局和功能模块，使其更符合个人风格和使用习惯。
3. 分享和交流：将仪表板生成的刷题报告和解题思路分享到社交媒体或技术论坛，与其他刷题者交流和讨论，共同提高解题能力。

典型生态项目

Hugo 框架

Hugo 是一个用 Go 语言编写的静态网站生成器，以其速度快、易用性和灵活性而闻名。Hugo LeetCode Dashboard 正是基于 Hugo 框架开发的，充分利用了 Hugo 的强大功能和生态系统。

LeetCode

LeetCode 是一个面向程序员的在线编程学习平台，提供了大量的算法题目和编程挑战。Hugo LeetCode Dashboard 与 LeetCode 紧密结合，为刷题者提供了一个便捷的工具，帮助他们更好地管理和跟踪自己的刷题进度。

GitHub

GitHub 是全球最大的代码托管平台和开源社区，Hugo LeetCode Dashboard 的源代码托管在 GitHub 上，方便开发者进行协作和贡献。同时，GitHub 也为项目提供了丰富的资源和支持，如 Issues、Pull Requests 和 GitHub Actions 等。

通过以上介绍和教程，您可以快速上手并使用 Hugo LeetCode Dashboard，为自己的 LeetCode 刷题之旅增添一份便利和乐趣。

hugo-leetcode-dashboardA LeetCode dashboard for hugo website项目地址:https://gitcode.com/gh_mirrors/hu/hugo-leetcode-dashboard