目录

随时随地学算法Hello-Algo与cpolar的远程学习方案

随时随地学算法:Hello-Algo与cpolar的远程学习方案

前言

Hello-Algo作为一款开源的算法学习平台,以其生动的动画图解和丰富的代码示例受到学习者的喜爱。它涵盖了从基础数据结构到复杂算法的全面内容,通过直观的可视化方式帮助学习者理解抽象概念。同时,Hello-Algo支持多种编程语言的代码实现,让学习者可以根据自己的喜好选择学习方式。

从学习者的角度来看,Hello-Algo的优点在于它的系统性和互动性。它按照循序渐进的方式组织知识点,每个算法都配有详细的讲解和示例代码,让学习过程更加高效。内置的交互式练习让我可以动手实践,巩固所学知识。然而,在外出时,由于无法访问本地的Hello-Algo服务,学习进度会受到影响。

cpolar内网穿透工具的使用,解决了Hello-Algo的远程访问问题。通过cpolar,我可以将本地的Hello-Algo服务映射到公网,随时随地通过手机或电脑访问学习资源。例如,在通勤途中,我可以通过手机浏览器查看算法动画,复习所学知识。这种灵活的学习方式让我能够充分利用碎片化时间,提高学习效率。

https://i-blog.csdnimg.cn/img_convert/64f96e164c2f2174de93ac42a766d262.png

1.关于hello-algo

Hello-Algo是一个旨在帮助编程爱好者系统地学习数据结构和算法的开源项目。它通过多种创新的方式,为学习者提供了一个直观、互动的学习平台。从基本的数据结构到复杂的算法,涵盖各种经典算法问题,每种都有详细的原理和应用场景介绍。而且还有动画展示数据结构的变化过程和算法执行的步骤,能帮助初学者更好的理解抽象概念。

Github地址:https://github.com/krahets/hello-algo?spm=a2c6h.12873639.article-detail.7.67bd542bZUgP9b

它不仅提供了丰富的动画图解,让抽象的概念变得生动易懂,还涵盖了12种编程语言的代码实现,包括 Python、C++、Java、C#、Go、Swift、JavaScript、TypeScript、Dart、Rust、C 和 Zig,满足了不同学习者的需求。

https://i-blog.csdnimg.cn/img_convert/caa046e9ee318740b2a40209e8841de8.gif

以其动画图解的直观性、多语言代码示例的丰富性、社区互动的互助性以及本地一键部署的便捷性为特点,提供了一个全面、互动且易于访问的算法和数据结构学习平台。这些特点不仅使得复杂算法概念的理解和记忆变得更加容易,也极大地促进了学习者之间的交流和知识共享,同时允许用户在自己的环境中实践和探索算法,从而深化学习体验。

https://i-blog.csdnimg.cn/img_convert/824a7ce42463b712063e69a3748c88e1.gif

2.安装Docker和Docker compose

本教程操作环境为Linux Ubuntu系统,在开始之前,我们需要先安装Docker。

在终端中执行下方命令安装docker:

curl -fsSL https://get.docker.com -o get-docker.sh

然后再启动docker

sudo sh get-docker.sh

最后我们在docker容器中运行下 hello world 看一下是否安装成功。

sudo docker container run hello-world

可以看到出现了hello world,说明我们已经安装docker成功,就可以进行下一步了

https://i-blog.csdnimg.cn/img_convert/2ef941168fe8b5d8874f15d6ce4fb215.png

此时Docker已经安装完了,我们进行下一步。

3.本地部署hello-algo

本项目提供了一键安装脚本,前提是需要安装git可以使用以下命令一键安装。

git clone https://github.com/krahets/hello-algo.git

https://i-blog.csdnimg.cn/img_convert/4a92f04e087212b9d9c55e3d0262e68f.png

现在就已经安装成功了,输入下方命令进入到hello-algo里面

cd hello-algo

现在输入下方命令来启动hello-algo

sudo docker compose up -d

https://i-blog.csdnimg.cn/img_convert/278cf750994dc60eefed2d74b7a76726.png

启动完成后我们可以输入下方命令查看一下端口号

sudo docker ps

https://i-blog.csdnimg.cn/img_convert/90bf61c2156974b68e36f0d62899eac6.png

现在就已经全部都安装成功了,可以通过打开web浏览器输入localhost:8000来浏览Hello-algo了。

4. hello-algo本地访问

https://i-blog.csdnimg.cn/img_convert/eb3a79b9f94d3c944003be412fff9f90.png

进入到hell-algo了,能看到页面非常的清晰,想学习哪个章节可以随意点击,并且可以调换白天or黑夜模式,语言也是可以选择的。

https://i-blog.csdnimg.cn/img_convert/b178b89cbace4ea13bcf373f7f3a9d4e.png

小结

上面在本地Linux中使用Docker成功部署了hello-algo,并局域网访问成功。整体来说hello-algo是一款非常不错的免费算法学习工具,它提供了完备的功能,并且具有非常好的实用性和易用性,并且也非常容易安装部署。

如果想不在同一个局域网时远程访问本地部署的hello-algo学习算法,可以创建一个公网地址,这里我使用的是cpolar内网穿透,通过cpolar转发本地端口映射的http公网地址,我们可以很容易实现远程访问,无需自己注册域名购买云服务器,可节省大量费用。

5.cpolar内网穿透工具安装

下面是安装cpolar步骤:

Cpolar官网地址:

使用一键脚本安装命令

sudo curl https://get.cpolar.sh | sh

https://i-blog.csdnimg.cn/img_convert/c090a6f0b80297dd936ed7d5bba01cc7.png

安装完成后,执行下方命令查看cpolar服务状态:(如图所示即为正常启动)

sudo systemctl status cpolar

https://i-blog.csdnimg.cn/img_convert/19124e2b5d5dd4d39c82f8fab4f4e65e.png

Cpolar安装和成功启动服务后,在浏览器上输入ubuntu主机IP加9200端口即:【 】访问Cpolar管理界面,使用Cpolar官网注册的账号登录,登录后即可看到cpolar web 配置界面,接下来在web 界面配置即可:

https://i-blog.csdnimg.cn/img_convert/996e7770a6f50751f19365b30fa70614.png

6.创建远程连接公网地址

登录cpolar web UI管理界面后,点击左侧仪表盘的隧道管理——创建隧道:

  • 隧道名称:可自定义,本例使用了:helloalgo注意不要与已有的隧道名称重复
  • 协议:http
  • 本地地址:https://localhost:8000
  • 域名类型:随机域名
  • 地区:选择China Top

https://i-blog.csdnimg.cn/img_convert/e2f981a0551ecf6cdab48ab95723a8ca.png

创建成功后,打开左侧在线隧道列表,可以看到刚刚通过创建隧道生成了两个公网地址,接下来就可以在其他电脑(异地)上,使用任意一个地址在浏览器中访问即可。

https://i-blog.csdnimg.cn/img_convert/09f1d9fd0a42d723f5516bb3c5261ac2.png

如下图所示,成功实现使用公网地址异地远程访问本地部署的hello-algo

https://i-blog.csdnimg.cn/img_convert/5eb630ed3f05798c4732f239770d31af.png

使用上面的cpolar https公网地址,在任意设备的浏览器进行访问,即可成功看到我们hello-algo管理界面,这样一个利用公网地址可以进行远程访问的隧道就创建好了,无需自己购买云服务器,使用cpolar创建隧道即可发布到公网进行远程访问,新域名登录,可能需要重新登陆!

7.固定Uptime Kuma公网地址

由于以上使用cpolar所创建的隧道使用的是随机公网地址,24小时内会随机变化,不利于长期远程访问。因此我们可以为其配置二级子域名,该地址为固定地址,不会随机变化。

注意需要将cpolar套餐升级至基础套餐或以上,且每个套餐对应的带宽不一样。【cpolar.cn已备案】

登录cpolar官网:

点击左侧的预留,选择保留二级子域名,地区选择china top,然后设置一个二级子域名名称,填写备注信息,点击保留。

https://i-blog.csdnimg.cn/img_convert/14abc6081e608404e088e3753e61dc02.png

保留成功后复制保留的二级子域名地址:

https://i-blog.csdnimg.cn/img_convert/e7505c1303a49aed17d6c23bd68ab352.png

登录cpolar web UI管理界面,点击左侧仪表盘的隧道管理——隧道列表,找到所要配置的隧道,点击右侧的编辑

https://i-blog.csdnimg.cn/img_convert/fa4f35aac7dc8a59fe2ab7fd3ef751ed.png

修改隧道信息,将保留成功的二级子域名配置到隧道中

  • 域名类型:选择二级子域名
  • Sub Domain:填写保留成功的二级子域名
  • 地区: China Top

点击更新

https://i-blog.csdnimg.cn/img_convert/dcf0207f4d7ada028e22956d51b90f9d.png

更新完成后,打开在线隧道列表,此时可以看到随机的公网地址已经发生变化,地址名称也变成了保留和固定的二级子域名名称。

https://i-blog.csdnimg.cn/img_convert/c6e649861a278dc40fdc1fb66ce0005c.png

最后,我们使用固定的公网地址访问hello-algo管理界面可以看到访问成功,一个永久不会变化的远程访问方式即设置好了。

https://i-blog.csdnimg.cn/img_convert/4f75f53f2116c4479ee42b6a810a7b7f.png

接下来就可以随时随地进行公网访问管理hello-algo了,还把公网地址分享给身边的人。自己用的话,无需云服务器,还可以实现异地远程访问!以上就是如何在Linux Ubuntu系统Docker本地安装hello-algo的全部过程。

同时,我还可以将学习资源分享给其他学习者,共同进步。Hello-Algo与cpolar的结合,为算法学习提供了更加便捷和灵活的方式。