分享一下我的学习动机

开端

从什么时候开始讲起呢，真正接触现在的知识体系的话，我想应该是大概高一的时候。

那时候很想在互联网上拥有自己的一个网站，于是就去了解相关的知识吧，因为那时候什么都不会...

太过于复杂的对于我来说肯定是接受不了的..于是 我发现了 Github 的一个功能：可以自动将 Markdown 文件渲染成一个单页

并且他们提供一个免费的域名，于是我将歌词什么按照自己的喜好，拼接成了一个单页，就是以下的样子：

• https://zkeq.maylove.pub

就是这样简单的样式...几个简单的 markdown 语法，做出来的东西应该算是很符合我自己的美感....

就这样 慢慢了解到了 typora 这个编辑器...用来编写 markdown 的 但是这个编辑器有一个功能 是 导出为 html

导出了几个之后 并且部署到 github 上面 ，感觉有点好玩，我想这应该是一切的开始。

初识网站 感觉这种很纯粹干净的网页很喜欢。

接触

再往后的话，可能是因为我们高中的那个班...是一个墨水瓶平板的试验班，但是他那平板只有内置的应用，并不能看自己想看的网页

正巧那时候我接触过一点 fiddler （一个抓包软件）他们的公司可能也是刚刚起步...

我经过一阵子摸索之后，发现了他们的一个bug：

他们的某个应用的逻辑是打开某个网页，但是他们用的链接是直接http+ip地址访问的（大概是他们那时候域名并没有备案，于是这点..

导致可以直接通过 fiddler 劫持，并且换成自己的网站（auto response功能）

当时想着弄一个单色的单页，于是就在网上找了一款这个页面。改了某些里面的内容，并且首次接触到 字体图标 等概念

为了部署这个页面...买了一个月的服务器 和 一个腾讯云的域名： learnonly.xyz

装了一个宝塔，按照网上的教程进行部署了一下... 当时也是觉得很好玩... 这个时候好像还是自己摸索

接触域名邮箱概念，拥有自己的独立域邮箱（learnonly@learnonly.xyz)

过了几周..因为域名并没有备案，所以直接被拦截了...这件事导致我又开始了新一轮的探索。。。

看看哪里有不用备案的托管平台？

于是我了解到了 vercel 这个平台，将源码部署上去之后 速度很快...很满意 、

陆续又部署了一些单页吧(倒计时时钟什么的）。。这些的代码都是网上搜来的一些 源码 或者 软件自动生成的一些东西

这个时候还是在学校嘛....并没有太多的时间接触这方面的...也就是每周回家的时候 更新一下最开始的时候提到的 markdown 单页

就那个页面....一直维护到第一次高考完结束后...应该说到目前为止..并没有迈入编程圈子的范畴

大概接触到的概念就是：域名、宝塔部署、vercel 部署静态资源、GitHub pages 部署静态资源、简单的 html 知识..

[这其中还顺便接触了一些逆向以及 postman 方面的东西（拿到了获取某教育平台所有资源如讲义、网课下载地址的权限。。）]

其他的好像跟编程相关的没什么..大家都知道我电脑似乎有点好而已...经常帮其他班或者老师装系统 以及活动的时候大屏幕的幕后

帮老师做一些课件，或者年级的年度总结视频 之类的。。好像这些都做过一些，这些好像没什么

就 excel ppt 装系统 之类的

初识

第一次高考完之后吧...怎么说呢..

可以说那时候有点... 大概是因为那时候我有很多很多什么高中网课？..就觉得如果再给我一年的时间的话 maybe 会有很大的提升？（

总而言之，我说服了所有人。。。决定复读...自己在家复读

这个决定确实有点...

刚开始的时候好像还是可以学下去的...持续了一个月左右 就坚持不下去了

因为在家学习的话，不大有兴趣..

于是当时好像对于助眠有点执念....就开了一个 《小睡眠》的会员

经过一番抓包发现他们的 APP 里面的内容是经过版权加密的

但是有意思的是他们的微信小程序 是直接存的 wav 文件 当时没有什么编程基础 就硬复制

搞成了这个网站：

https://zkeq.xyz （很简陋， 的一个单页）（里面的内容是 markdown 通过 typora 默认主题导出）

随之而来的 一直在想的想法就落地了：拥有一个博客站

也是寻找了一番之后 发现一个叫 hexo 的东西，似乎很适合我，但是我那时候确实有点小白...

• https://hexo.io

所有的概念都不大了解....于是就在网上找了一些教程来看....

尝试了很多次...似乎和国内的网络环境也有点关系..总是报错 不成功...

终于吧...应该是在 9月份的时候，终于跑通了一次...又在网上找了一个叫 Butterfly 的博客主题

按照文档里面写的步骤..配置了好几个小时的样子.....这个时候应该也是失败了很多次

终于吧...跑通了，网站正式开始运行了..

• 也就是一直运行到现在的博客地址：https://icodeq.com

部署到了 github.com 和 gitee.com 上面，他们都托管静态文件 当时的域名还是 zkeq.github.io

建好博客 应该算是我编程学习的一个基础...因为网站总是空荡荡的 总是在提醒我应该学一点什么东西，来让它充实起来

于是，我就在网上找了一套 Python 的网课：

链接:https://pan.baidu.com/s/1oe1lQ8pF8l9T_YG4vhVwxA?pwd=ay4n 提取码:ay4n 复制这段内容后打开百度网盘手机App，操作更方便哦

跟着教程走，并且把笔记都记成 markdown 格式...

因为要把学习的某些知识点截图下来，于是了解了 OSS 对象存储..并且把它当作自己的图床

每天学的时间也不长，大概两三个小时的样子....

学到十一月中旬的样子，博客已经更新了 130 篇左右，Python 基础应该是听完了，听到高级函数（匿名函数，迭代函数）之类的

就感觉理解起来有点困难了，不听了....于是就去找点其他的事情干吧

一次小实践

大概是快到11月份的时候，我的一些上大学的朋友问我能不能搞一个叫《河南省宗教知识竞赛》的东西

我那时候搜了一下，发现了一个浏览器插件 好像是往年做这个的工具....

但是题库不对...又加了一个油猴脚本的群，经过一番交谈之后，我决定用自己所学的一点 Python 基础

把他们的题库整理出来....于是我用一个账号...他们好像一共300道题左右 他们的题都是直接存在 html 里面的

我直接保存了 64 份试卷...在网上找了一个 讲 xpath 爬虫的视频...看了一些语法..就开始去写了

从晚上8点左右吧....写到第二天5点好像...但是写出来了.....脚本跑通了，很高兴

整理出全部的答案，群主对接了自己的题库....做出来了自动答题脚本...

• https://github.com/zkeq/religious-auto_data-py/blob/main/result.json

拥有了 20万的 下载量...(应该在河南的用户还是挺多的hhh) 这应该算是我的知识第一次得到了实践，感到很快乐

• 在这次实践中学到了 lxml 这个库，通过 xpath 语法来解析 html 的 dom

又一次小实践

尝到 Python 爬虫的甜头之后...我好像又想去玩一些事情

哦，对了，这个时候好像通过一个视频 认识了一个 B 站 up 主 @TUO图欧君，他想做一个网盘站

因为他的某些时候似乎涉及 某背单词 APP 的版权, 想着把视频好像要暂时存到某个地方

我那时候刚好拥有一个 微软 E5 开发者认证 的账号 里面的一个叫 onedrive 的应用很适合做这件事情...

但是也是用一个简单的 cloudfare workders 应用：FIDO 搭建了一个简单的页面 这个目前也就是小打小闹，并没有做大的预兆...

这个后面再说

嗯...想去玩一件事..就是当时的我对于励志视频的执念似乎很深

正好当时发现有道好像有个翻译组在做这件事 并且他们的视频都是没有防盗链的...

于是用了好几天的时间来找接口，分析页面结构 提取具体信息

最终做了一个 《追梦计划 -- 励志站》

• https://dream-plan.cn

里面包含 680+ 励志视频 和 660+ TED 演讲

里面的 html 结构是通过 python 自动生成的 (xpath + selenium)

里面的 css 是从 typora 这个应用上提取出来的，这个项目花费精力最多的就是标记重点单词...全部人力标记的

• 通过这个网站学习了 dplayer 和 aplayer 的用法
• 可以发现，我的网站很多都是 typora 的 css 帮我做的（（（（

精心设置并装修了主页，加了一些特效（樱花落下） 和一些 一句话服务 API （一言、今日诗词 等）

感觉有点好玩吧....沉浸在这些小玩具带给我的成就感中....

甚至为此买了域名 ： dream-plan.cn （即追梦计划）

博客也买了一个域名 icodeq.com 也是一直用到现在 (admin@icodeq.com)

逐渐开始慢慢更新一些有意思的东西来慢慢让自己的兴趣持续下来

这之后认识了一个做影视站的朋友，他有很多影视接口，想做到 轮询 or 分流的效果

为此我学习了 flask 框架 和 fastapi 框架（python的）做出来的效果还可以....这是那个网站：

• 微看剧 - 免费观看影视大全 (weikanju.com)

应该是第一次用 python 写这样的 API 应用...

• 相关参考教程：https://fastapi.tiangolo.com/zh/tutorial/first-steps/

随后接触了docsify 部署了几个小站点

• https://javadocs.zkeq.xyz
• https://ask.icodeq.com
• https://cpp.zkeq.xyz
• https://player.icodeq.com

从网盘站开始

过年之后 就三月了

三月的话 接触到了一个优秀的网盘站应用

• spencerwooo/onedrive-vercel-index: OneDrive public directory listing, powered by Vercel and Next.js (github.com)

和那个 up 一拍即合，决定把全站都迁移到这里来

并且为这个项目做了一点点自己的贡献....

因为up主的需求....导致不会前端的我也试着改了一些源代码....（大概在fork的分支上提交了130多次）

并且为up手写了一个短链系统（原理很简单，还顺便学习了 http 请求头 状态码为 30* 时浏览器跟随 location 字段的 url）

短链数据库用的 oss 的json，很简单的一个json维护工具，做了命令行版本和 pywebio 版本

因为这个网盘站用的缓存数据库是 redis

又接触了一点这个kv数据库..感觉有点好用

自己博客在用的统计访问量的 API 总是炸 于是又用 FastAPI 这个框架 和 redis 做了一个自建不蒜子（为 replit 平台开发，后续有计划支持 docker）

• 自建 不蒜子 API (icodeq.com)

编写一些 vercel 的 云函数 API

• https://github.com/zkeq/icodeq-api
• zkeq/icodeq-bpi: API 的第二个仓库 (github.com)

并且加入了 zh-blogs 项目 为他们交付了一套自动提交 sitemap 到 archive.org 的 API (虽然最后并没有投入使用..)

认识了大佬..通过对接大佬的 openid 开发了一套 json管理面板（前端由大佬书写）

了解项目开发的基本流程 (有登陆功能 使用 mysql 联表 共有3个表 分别是 用户 数据 权限..)

为导航站引入更多功能（包括站点统计，在线量统计，服务器持久化部署..站点在线监控并推送至微信等）

• https://site.icodeq.com
• https://uptime.icodeq.com

这时候...已经开始注重优化的我已经不满足于国外的服务了..我觉得必须要搞一个备案域名来使用国内加速了..

于是买了：onmicrosoft.cn 这个域名 来做我的 CDN 加速

博客目前的图床架构为 OSS --> imagekit --> DogeCloud 实现国内加速访问

并且提供公益CDN 服务供开发者使用（公共服务页面主页正在制作）

• https://jsd.onmicrosoft.cn
• https://npm.onmicrosoft.cn

了解了 CDN 的相关概念..

并且制作了 Bing 壁纸 爬虫 API （利用 GitHub actions 每天定时爬取 并自动生成 markdown 文件自动更新至博客）

• https://github.com/zkeq/Bing-Wallpaper-Action
• https://icodeq.com/2022/ab809d3d9059/
• 同期项目：https://github.com/zkeq/Python-WebSite-Screenshot

并且在后续上架至 apifox API hub 娱乐分类

• [Bing 壁纸公共接口 Bing-Wallpaper-Action] (apifox.cn)

并且由于之前看到的这篇文章的启发：

• https://icodeq.com/2022/b2dbfffa55f0/
• （使用js 获取各大网站的 m3u8）

感觉到很神奇，对于解析这类视频感觉很有兴趣

又扒了一个影视APP的接口，做出了这个玩意

• https://icodeq.com/2022/d66d8b02add6/

于是我又去学习了一点js逆向，做出了 解析 网易云音乐 官网 MV 的 Python 爬虫

• https://163mv.icodeq.com/docs

并且顺便写出来了解析 微博/微信/B站 直链 的 云函数小demo

• https://icodeq.com/2022/03e4ec0968c8/

在此基础上观察一些影视站的资源后，研究出了通过 m3u8 切片视频成ts后 通过加入图片的文件头 达到上传大厂图床的技术

• https://icodeq.com/2022/e7e47fcb15e6/

部署监控网站，注册企业微信，编写相关代码调用 API 达到监控到网站掉线就自动推送至微信的效果

• https://icodeq.com/2022/3b048b84e37d/
• 应该是在这里 初识 axios

又部署了一堆乱七八糟的开源项目（只是好玩而已）

• https://site.icodeq.com
• https://uptime.icodeq.com
• https://pic.icodeq.com
• https://music.icodeq.com
• https://listen.icodeq.com
• https://waline.icodeq.com
• https://ncm.icodeq.com
• https://s.icodeq.com
• https://chat.icodeq.com/room/@demo
• https://memos.icodeq.com
• https://icodeq.com/fcircle/

做完这些...我发现离2022年高考还有19天...于是就开始看书....去高考了

6.7 高考完5天后 -- 6.11 决定出发去杭州学前端 6.12中午坐上火车 6.13到达杭州 租房 办手续 入学

于是开始在线下跟班学前端了...（所以看得出来我的成长阶段是去年9月才开始的

（来饥人谷的原因是之前有幸听过几节 方应杭老师 在 B站的公共直播课，感觉讲法很适合自己）

于是开始算是比较正式的接触前端的体系课程

正式了解 git html js css 等基础概念后，做出以下小demo

• canvas 画图板：zkeq/jirengu_learn_06: Canvas 实现的画图板 (github.com)

  • 画板 (maylove.pub)

• 哆啦A梦：zkeq/Doraemon: Zkeq のドラえもん Zkeq 的 多啦A梦 (github.com)

  • Zkeq のドラえもん (maylove.pub)

学习 ajax 后，使用 原生 js 做出 每日早报 单页应用

• zkeq/news: 前后端均基于 vercel 的轻量级每日早报项目 (github.com)

  • 每日早报 (icodeq.com)
  • 47 stars ｜ 16 forks. | 前端 原生 js + 后端 Python Beatiful Soup + FastAPI

重构 LearnOnly 导航站...

• LearnOnly导航：学习瀑布流布局和简单页面开发

期间 tuostudy.com 因 up 主发了个视频...流量激增

被迫学会了 CDN 的双热源站部署+绕过备案（即使用 servers worker 功能 用浏览器转发，此部分功能使用 cw 实现）

后来时间不太够了，简单看了一些 Vue 跟着项目课做出

• 旺财记账（本地版 Vue2）：旺财记账 (maylove.pub)
• 山竹记账（有后端版）：山竹记账 (maylove.pub)

这次学习也记录笔记约 50 篇左右，博客总文章数超过 200+ ，访问次数超过 11 万人次

又用node.js制作出hexo的插件，用于通过 GitHub 的 gist 功能 来实现 代码高亮的效果：

• https://github.com/zkeq/Coding/blob/main/scripts/tools.js
• 遇到瓶颈时的思路来源：https://betterprogramming.pub/how-to-use-event-bus-in-react-architecture-f90485477647

构建日志示例（使用 vercel CI 自动化部署）：

(md5代码块的hash值，id为此代码块在 gist.github.com 中的id)

算法站分站建成（用notion平台编写内容，用来记录在算法上的收获）：

• Zkeq の 算法笔记 (icodeq.com)

我感觉我的博客其实记录了我的成长过程....

所以我认为博客这玩意一定要有一个....

一来是当笔记用，二来是当自己坚持不下去的时候看一下..也做了这么多了不是么..

6.13 -- 8.27 培训班线下班阶段结束

9.4 开学 进入大学生活，未完待续。

大一前半学期：

写了一个这样的自用文件床：

因为是学委，所以要收作业，做了一个交作业网站（

碍于分享文件太麻烦，写了一个文件分享页(这个不用码）：

https://share.onmicrosoft.cn/jm2zl1tme

近期都是想到什么写什么了..

比如这个小工具 tools：

• 归档 | 一款支持截图中文网站的 Actions 截图工具。

回顾开学这半年，好像给我自己的印象是，学的东西不大多，但是总想要用自己所学去实践的感觉

但是因为学的不大精，只能另辟蹊径，就比如我对交作业网站前端的评价是

用 vercel.json 做 vuerouter 用 localstorage 做 store 用三个HTML文件和一个py文件写成一个前后端分离网站（虽然也有数据库什么的，但是总感觉不成项目）

还写过一个自动提醒打卡小助手，只不过是 Python + go-cqhttp 写的，跟前端关系不太大。

我的 GitHub

我部署过的项目：