归档 ｜ 谈谈我的编码历程
纯享版：https://cr.icodeq.com // code-road
开端
从什么时候开始讲起呢，真正接触现在的知识体系的话，我想应该是大概高一的时候。
那时候很想在互联网上拥有自己的一个网站，于是就去了解相关的知识吧，因为那时候什么都不会…
太过于复杂的对于我来说肯定是接受不了的..于是 我发现了 Github 的一个功能：可以自动将 Markdown 文件渲染成一个单页
并且他们提供一个免费的域名，于是我将歌词什么按照自己的喜好，拼接成了一个单页，就是以下的样子：
就是这样简单的样式…几个简单的 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 装系统 之类的undefined
初识
第一次高考完之后吧…怎么说呢..
可以说那时候有点… 大概是因为那时候我有很多很多什么高中网课？..就觉得如果再给我一年的时间的话 maybe 会有很大的提升？（
总而言之，我说服了所有人。。。决定复读…自己在家复读
这个决定确实有点…
刚开始的时候好像还是可以学下去的…持续了一个月左右 就坚持不下去了
因为在家学习的话，不大有兴趣..
于是当时好像对于助眠有点执念….就开了一个 《小睡眠》的会员
经过一番抓包发现他们的 APP 里面的内容是经过版权加密的
但是有意思的是他们的微信小程序 是直接存的 wav 文件 当时没有什么编程基础 就硬复制
搞成了这个网站：
https://zkeq.xyz （很简陋， 的一个单页）（里面的内容是 markdown 通过 typora 默认主题导出）
随之而来的 一直在想的想法就落地了：拥有一个博客站
也是寻找了一番之后 发现一个叫 hexo 的东西，似乎很适合我，但是我那时候确实有点小白…
所有的概念都不大了解….于是就在网上找了一些教程来看….
尝试了很多次…似乎和国内的网络环境也有点关系..总是报错 不成功…
终于吧…应该是在 9月份的时候，终于跑通了一次…又在网上找了一个叫 Butterfly 的博客主题
按照文档里面写的步骤..配置了好几个小时的样子…..这个时候应该也是失败了很多次
终于吧…跑通了，网站正式开始运行了..
部署到了 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点好像…但是写出来了…..脚本跑通了，很高兴
整理出全部的答案，群主对接了自己的题库….做出来了自动答题脚本…
拥有了 20万的 下载量…(应该在河南的用户还是挺多的hhh) 这应该算是我的知识第一次得到了实践，感到很快乐
- 在这次实践中学到了 lxml 这个库，通过 xpath 语法来解析 html 的 dom
又一次小实践
尝到 Python 爬虫的甜头之后…我好像又想去玩一些事情
哦，对了，这个时候好像通过一个视频 认识了一个 B 站 up 主 @TUO图欧君，他想做一个网盘站 因为他的某些时候似乎涉及 某背单词 APP 的版权, 想着把视频好像要暂时存到某个地方 我那时候刚好拥有一个 微软 E5 开发者认证 的账号 里面的一个叫 onedrive 的应用很适合做这件事情… 但是也是用一个简单的 cloudfare workders 应用：FIDO 搭建了一个简单的页面 这个目前也就是小打小闹，并没有做大的预兆… 这个后面再说
嗯…想去玩一件事..就是当时的我对于励志视频的执念似乎很深
正好当时发现有道好像有个翻译组在做这件事 并且他们的视频都是没有防盗链的…
于是用了好几天的时间来找接口，分析页面结构 提取具体信息
最终做了一个 《追梦计划 – 励志站》
里面包含 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的）做出来的效果还可以….这是那个网站：
应该是第一次用 python 写这样的 API 应用…
随后接触了docsify 部署了几个小站点
从网盘站开始
过年之后 就三月了
三月的话 接触到了一个优秀的网盘站应用
和那个 up 一拍即合，决定把全站都迁移到这里来
并且为这个项目做了一点点自己的贡献….
因为up主的需求….导致不会前端的我也试着改了一些源代码….（大概在fork的分支上提交了130多次）
并且为up手写了一个短链系统（原理很简单，还顺便学习了 http 请求头 状态码为 30* 时浏览器跟随 location 字段的 url）
短链数据库用的 oss 的json，很简单的一个json维护工具，做了命令行版本和 pywebio 版本
https://media.onmicrosoft.cn/%E5%B1%8F%E5%B9%95%E5%BD%95%E5%88%B62022-09-09%2000.36.03.mov
因为这个网盘站用的缓存数据库是 redis
又接触了一点这个kv数据库..感觉有点好用
自己博客在用的统计访问量的 API 总是炸 于是又用 FastAPI 这个框架 和 redis 做了一个自建不蒜子（为 replit 平台开发，后续有计划支持 docker）
编写一些 vercel 的 云函数 API
并且加入了 zh-blogs 项目 为他们交付了一套自动提交 sitemap 到 archive.org 的 API (虽然最后并没有投入使用..)
认识了大佬..通过对接大佬的 openid 开发了一套 json管理面板（前端由大佬书写）
了解项目开发的基本流程 (有登陆功能 使用 mysql 联表 共有3个表 分别是 用户 数据 权限..)
为导航站引入更多功能（包括站点统计，在线量统计，服务器持久化部署..站点在线监控并推送至微信等）
这时候…已经开始注重优化的我已经不满足于国外的服务了..我觉得必须要搞一个备案域名来使用国内加速了..
于是买了：onmicrosoft.cn 这个域名 来做我的 CDN 加速
博客目前的图床架构为 OSS --> imagekit --> DogeCloud 实现国内加速访问
并且提供公益CDN 服务供开发者使用（公共服务页面主页正在制作）
了解了 CDN 的相关概念..
并且制作了 Bing 壁纸 爬虫 API （利用 GitHub actions 每天定时爬取 并自动生成 markdown 文件自动更新至博客）
- https://github.com/zkeq/Bing-Wallpaper-Action
- https://cloud.tencent.com/developer/article/2007859
- 同期项目：https://github.com/zkeq/Python-WebSite-Screenshot
并且在后续上架至 apifox API hub 娱乐分类
并且由于之前看到的这篇文章的启发：
- https://cloud.tencent.com/developer/article/2006402
- （使用js 获取各大网站的 m3u8）
感觉到很神奇，对于解析这类视频感觉很有兴趣
又扒了一个影视APP的接口，做出了这个玩意
于是我又去学习了一点js逆向，做出了 解析 网易云音乐 官网 MV 的 Python 爬虫
https://media.onmicrosoft.cn/hellohnjm/%E5%B1%8F%E5%B9%95%E5%BD%95%E5%88%B62022-09-05%2006.44.08.mov
并且顺便写出来了解析 微博/微信/B站 直链 的 云函数小demo
在此基础上观察一些影视站的资源后，研究出了通过 m3u8 切片视频成ts后 通过加入图片的文件头 达到上传大厂图床的技术
部署监控网站，注册企业微信，编写相关代码调用 API 达到监控到网站掉线就自动推送至微信的效果
- https://cloud.tencent.com/developer/article/2006457
- 应该是在这里 初识 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
- [画板 (maylove.pub)](https://v1.draw.jirengu.maylove.pub/)哆啦A梦：- [Zkeq のドラえもん (maylove.pub)](https://doraemon.jirengu.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)
https://media.onmicrosoft.cn/hellohnjm/%E5%B1%8F%E5%B9%95%E5%BD%95%E5%88%B62022-09-09%2015.49.00.mov
算法站分站建成（用notion平台编写内容，用来记录在算法上的收获）：
我感觉我的博客其实记录了我的成长过程…. 所以我认为博客这玩意一定要有一个…. 一来是当笔记用，二来是当自己坚持不下去的时候看一下..也做了这么多了不是么..
6.13 -- 8.27 培训班线下班阶段结束
9.4 开学 进入大学生活，未完待续。
我的 GitHub
我部署过的项目：
腾讯云开发者
