纯享版:https://cr.icodeq.com // code-road

开端

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

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

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

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

image-20220908220736043

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

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

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

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

接触

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

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

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

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

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

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

127.0.0.1_5500_index.html

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

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

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

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

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

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

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

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

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

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

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

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

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

就 excel ppt 装系统 之类的

初识

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

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

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

这个决定确实有点…

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

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

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

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

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

搞成了这个网站:

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

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

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

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

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

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

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

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

image-20220909153929835

部署到了 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点好像…但是写出来了…..脚本跑通了,很高兴

carbon_night_owl.png (1858×7320) (onmicrosoft.cn)

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

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

image-20220908230829371

  • 在这次实践中学到了 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 版本

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

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

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

image-20220909004158060

编写一些 vercel 的 云函数 API

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

image-20220909004333255

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

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

image-20220909004552658

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

image-20220909005105474

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

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

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

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

了解了 CDN 的相关概念..

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

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

image-20220909010202981

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

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

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

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

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

a6ac00437a464.png (1324×4172) (onmicrosoft.cn)

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

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

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

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

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

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

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

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

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

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

重构 LearnOnly 导航站…

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

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

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

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

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

构建日志示例(使用 vercel CI 自动化部署):

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

算法站分站建成(用notion平台编写内容,用来记录在算法上的收获):

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

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

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

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

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


我的 GitHub

github.com_zkeq的副本

我部署过的项目:

vercel.com_dashboard