Merge pull request #45 from ek1ng/master

feat: add some articles about security

.vitepress/config.js

@@ -577,23 +577,23 @@ export default defineConfig({
         items: [
           { text: '6.计算机安全', link: '/6.计算机安全/6.计算机安全' },
           {
-            text: '6.1网络安全',
+            text: '6.2WEB安全',
             collapsed: true,
             items: [
-              { text: '6.1网络安全', link: '/6.计算机安全/6.1网络安全' },
+              { text: '6.2WEB安全', link: '/6.计算机安全/6.2Web安全' },
-              { text: '6.1.1SQL 注入', link: '/6.计算机安全/6.1.1SQL 注入' },
+              { text: '6.2.1SQL 注入', link: '/6.计算机安全/6.2.1SQL 注入' },
             ]
           },
           {
-            text: '6.2二进制安全',
+            text: '6.3二进制安全',
             collapsed: true,
             items: [
-              { text: '6.2二进制安全', link: '/6.计算机安全/6.2二进制安全' },
+              { text: '6.3二进制安全', link: '/6.计算机安全/6.3二进制安全' },
-              { text: '6.2.1基础工具的使用', link: '/6.计算机安全/6.2.1基础工具的使用' },
+              { text: '6.3.1基础工具的使用', link: '/6.计算机安全/6.3.1基础工具的使用' },
-              { text: '6.2.2软件破解、软件加固', link: '/6.计算机安全/6.2.2软件破解、软件加固' },
+              { text: '6.3.2软件破解、软件加固', link: '/6.计算机安全/6.3.2软件破解、软件加固' },
             ]
           },
-          { text: '6.4CTF信息安全竞赛', link: '/6.计算机安全/6.4CTF信息安全竞赛' },
+          { text: '6.4密码学', link: '/6.计算机安全/6.4密码学' },
         ]
       },
       {

6.计算机安全/6.1网络安全.md

@@ -1,3 +0,0 @@
-# 网络安全
-
-网络安全是一个很宽泛的话题，得益于目前网络应用越来越多，网络安全花样多，手段强，攻击性也比二进制安全要高。比如从网站的登录入口脱出整个数据库？通过奇奇怪怪的链接端了钓鱼网站的后台？通过爬虫抓取网页内容，制作各种自动化脚本（抢票、抢课、自动刷网课视频）？

6.计算机安全/6.2Web安全.md

@@ -0,0 +1,88 @@
+# Web入门指北
+
+> 本文来自HGAME Mini 2022 Web 入门材料，目的是为了帮助新生更好的入门Web安全。
+
+> 欢迎对安全感兴趣的小伙伴了解[Vidar-Team](https://vidar.club)
+## 0x00 前言
+
+本文希望为对Web感兴趣的同学提供在入门方向上的指导，以便与更加平滑的入门Web方向的学习。
+
+## 0x01 Web安全基础
+
+### Web安全是什么
+
+首先Web安全是CTF比赛一直以来都很重要的一部分，CTF比赛目前主体还是Jeopardy解题模式，主要分为Web安全,Re逆向工程,Pwn,Crypto密码学,Misc安全杂项五个方向。相比于Re和Pwn两个二进制方向，Web安全在初期入门时门槛较低，并不需要太多对底层知识的了解，对小白也较为友好，能够比较快速的上手做题。
+
+虽然Web安全入门门槛比较低，但是不得不承认需要学习的技术栈很多，在说起你经常听闻的Java、Php、Go、Javascript等种种语言之前，我们先来看看Web应用的发展史，理解一下Web应用是什么。
+
+### Web发展史
+
+> 这段发展史可能有很多名字不太好懂，但是提到这一段发展史是希望你能够对Web技术的发展过程有个框架性的理解，如果有很多困惑的地方可以多多使用搜索引擎，这篇[文章](<https://onebyone.icu/archives/2788>)写的很详细也可以阅读一下～
+
+最初的Web应用是静态页面，托管在ISP(Internet Service Provider)上,主要就是比较简单的文字，图片，当时能做的也就是简单浏览网页。而后有了Flash等多媒体技术，网页的功能开始逐渐丰富，音视频和网页的动态交互也让网页开始能够完成更多的事，给用户更好的体验。再随着CGI(Common Gateway Interface)的产生，CGI是Web服务器和外部应用程序的通信接口标准，Web服务器就可以通过CGI执行外部程序，再通过外部程序根据请求内容生成动态内容。再之后随着PHP/JSP等编程语言的加入，MVC思想、REST(Representation State Transformation)架构风格的产生，Web应用开发技术也逐步变化，直到如今，Web应用的开发技术主要分为前端和后端。**简单来说，前端就是用户直接可以看见的部分，比如说我们访问百度，百度页面上面的搜索框、按钮、logo,搜索后展示的网页文字和内容，这些都是属于前端的范畴；而后端主要是用户看不见的部分，比如在百度上搜索Vidar-Team，会能根据搜索内容返回相关的文章，这就是后端所做的部分**。
+
+### Web应用的数据是如何交互的
+
+> 非常推荐查看MDN文章[万维网是如何工作的](https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web/How_the_Web_works)和[浏览器的工作原理](https://developer.mozilla.org/zh-CN/docs/Web/Performance/How_browsers_work)详细了解一下～
+
+而Web应用的数据是如何交互的呢？为什么用户输入`https://vidar.club`访问协会官网后浏览器上就会呈现页面呢？
+
+![What happens when you visit a URL](https://ek1ng.oss-cn-hangzhou.aliyuncs.com/1.png)
+
+当我们在浏览器的地址栏中输入`https://vidar.club`后，首先会做的事情是DNS查询，浏览器会去寻找页面资源的位置，也就是寻找这个域名对应的ip地址是多少。因为ip地址的格式为xxx.xxx.xxx.xxx,这对于一个用户并不容易记住，因此我们用形象的域名来让用户记住网址，你看，`vidar.club`就比`1.117.117.147`这个ip好记太多了吧。浏览器根据域名`vidar.club`向DNS服务器查询对应ip地址，得到响应对应ip地址为`1.117.117.147`。
+
+而当浏览器知道了服务器的IP地址后，就会与服务器进行TCP三次握手，三次握手机制是用来让两端尝试进行通信，之后为了让链接更加安全，就会进行TLS协商。你看我们输入的是`https://`，这表明我们使用了https协议进行访问，http协议的数据传输是明文的，这并不安全，而https使用ssl/tls协议进行加密处理，这会让访问变得安全。顺带一提如果使用http访问协会官网也会强制使用https哦，可以试一试`http://vidar.club`。当三次握手和TLS协商完成后，我们就已经和服务器建立了安全连接啦。
+
+建立安全连接后，浏览器会向服务器发送HTTP Get请求，请求服务器返回我们事先放在服务器上面的对应网页的内容，这个请求的内容通常是一个HTML文件，而当服务器受到请求后，就会使用相关的响应头和HTML的内容进行回复。
+
+浏览器收到服务端的200 OK的HTTP响应，收到服务端发过来的HTML文件后，会处理HTML标记并且构建DOM树，最终就形成了你看到的页面啦。
+
+HTTP请求和响应的具体内容可以使用浏览器（推荐使用Chrome、Firefox或Edge）的F12开发者工具进行查看，打开f12后选择网络并且刷新页面捕获请求，点击这个vidar.club就可以看到啦。
+
+![Chrome的开发者工具图1](https://ek1ng.oss-cn-hangzhou.aliyuncs.com/2.png)
+![Chrome的开发者工具图1](https://ek1ng.oss-cn-hangzhou.aliyuncs.com/3.png)
+
+## 0x02 Web安全入门
+
+### 我是零基础小白，从什么开始好呢？
+
+> 万丈高楼平地起
+
+虽然在Web安全的技术栈中，会比较少的提及C/C++安全的问题，更多的都是一些你经常听说的Java、Php等语言的安全问题，不过如果你目前是没有任何编程基础，协会也同样推荐打好基础，先好好学习C语言。对于没有编程基础的你，从C语言这样一门接近底层的高级语言开始学习可以更好学习计算机内部原理，并且学会C语言后有一定的编程基础，入门其他语言也绝非难事。
+
+### Web技术栈
+
+首先需要明确的是，Web安全和Web开发是分不开的，并不是说对安全感兴趣就不需要懂开发，恰恰相反，开发是安全的基础，如果没有开发能力，在之后学习中面对一些代码审计也会感觉到非常茫然，所以学习Web安全之前首要的就是先学习Web开发。而Web开发的学习路线在学长们身上大多不是很固定，有的人接触到的Web开发的第一门语言是PHP,PHP虽然在现在看来已经不是一门优秀的语言了，后端开发的主流技术栈已经是Java和Go了，但是PHP仍然是一门在安全学习上非常推荐的语言，有很多历史漏洞可以让大家更好的入门。也有的学长最先开始接触的是Go/Java/Js,那如果你已经有一定Web开发基础，可以直接参考下面的学习路线与学习资料，如果你还没有Web开发基础并且认为C语言已经学的不错了，就可以尝试选择一门自己感兴趣的语言进行学习，并且尝试自己写一些感兴趣的Web应用，比如搭建一个博客，写一个Todolist用来记事等等，兴趣是最好的导师，一边写自己感兴趣的Web应用一边学习是非常不错的。
+
+## 0x03 学习资料与学习路线推荐
+
+- 兔兔的sql注入小游戏
+  招新群中的迎新机器人具有一个blog功能，这个blog功能存在一个sql注入的漏洞，通过漏洞查询出数据库中的flag可以找管理员兑换一杯奶茶哦～（支线任务x）
+- 搭建博客
+  博客可以记录自己的学习过程与经历，也可以当作一个Web应用开发的小练习
+- 刷题
+  如果你想一边学习Web开发一边做做题目，感受一下Web安全，可以在协会的招新训练平台上面做做题目，要是毫无头绪也可以问问学长学姐们哦～训练平台上的题目可以帮助你更好的入门CTF！
+- 学习资料
+  面对网络各式各样的学习资料，这些网站和书籍会对你入门有所帮助
+    - [MDN 网络文档](https://developer.mozilla.org)
+    - [Web 安全学习笔记](https://websec.readthedocs.io)
+    - [CTF wiki](https://github.com/ctf-wiki/ctf-wiki)
+    - [HTML CSS 基础](https://www.w3cschool.cn/)
+    - JS：《JavaScript DOM编程基础》
+    - C：《C Primer Plus》
+    - PHP：《PHP和MySQL Web开发》
+    - Python: 《Python从入门到实践》的入门部分
+    - HTTP：《图解HTTP》
+    - 《从0到1：CTFer成长之路》
+    - 《白帽子讲Web安全》
+      上面提到的书协会都有哦，欢迎有空的时候来协会看书自习！
+- 学习路线
+  可以根据上面提到的学习资料和协会的2022提前批招新标准进行个人学习路线的规划，这份Github上很火的[Web Roadmap](https://github.com/hideraldus13/roadmap-do-desenvolvedor-web)也可以参考一下。
+
+## 0x04 最后
+
+> 勿以浮沙筑高台
+
+欢迎对Web安全感兴趣的你，如果在学习过程中遇到困难可以随时在 Vidar-Team 2022 招新群中提问哦，祝你在Web安全的学习道路上越走越远～
+
+`VIDAR{Web_1s_3asy_t0_st4rt!!}`

6.计算机安全/6.3二进制安全.md

@@ -10,6 +10,11 @@ reverse 主要研究软件破解，软件加固，计算机病毒等。
 
 现实场景下，这两种方向通常界限比较模糊，统称的二进制安全主要研究漏洞挖掘，漏洞利用，软件加固，计算机病毒，游戏安全等。
 
+## 入门材料
+> 来自HGAME Mini 2022 Reverse Pwn 入门材料
+> Reverse:https://www.notion.so/b92ca2bfaacf4e7c873882dff9dbf649
+> Pwn:https://ek1ng.oss-cn-hangzhou.aliyuncs.com/HGAME%20Mini%202022%20Pwn%E5%85%A5%E9%97%A8%E6%8C%87%E5%8C%97.pdf
+
 ## 学习二进制安全需要具备哪些基础？
 
 - 扎实的 C 语言基础，目前现有的各种二进制分析工具通常都会把汇编代码重新反编译为 C 语言程序。

6.计算机安全/6.4CTF信息安全竞赛.md

@@ -1,16 +0,0 @@
-# CTF 信息安全竞赛
-
-## 简介
-
-CTF（Capture the Flag)，一般译作夺旗赛，在网络安全领域中指的是网络安全技术人员之间进行技术竞技的一种比赛形式。在比赛中，会设定题目，每道题目基本都是由现实环境抽象出来的简单版，通过对题目的攻击或分析，可以拿到一串特定的字符串，即 flag，将这串字符串提交，即可证明你拿下了这道题目，主办方/自动化的比赛平台就会按照一定的规则给予你分数。
-
-## CTF 历史
-
-CTF 的前身是传统黑客之间的网络技术比拼游戏，起源于 1996 年第四届 DEFCON。第一个 CTF 比赛（1996 年 - 2001 年），没有明确的比赛规则，没有专业搭建的比赛平台与环境。由参数队伍各自准备比赛目标（自行准备与防守比赛目标，并要尝试攻破对方的比赛目标）。而组织者大都只是一些非专业的志愿者，接受参赛队伍手工计分的请求。
-
-如今的 CTF 俨然成为计算机安全里的一大类重要比赛，已经规模化，由专业队伍承担比赛平台、命题、赛事组织以及自动化积分系统。由传统 CTF 衍生出来的其他比赛形式也层出不穷，如 awd 攻防模式，awdp 大规模攻防兼备模式等
-
-## CTF 的一些误区
-
-- 学计算机安全 != 打 CTF。CTF 只是学计算机安全的一个途径或者说捷径，因为 CTF 题目往往是真实场景的抽象。并不是学计算机安全一定就要打 CTF，打 CTF 也不一定等同于学会了计算机安全，现代 CTF 的很多技术并不能应用到实战中，不过虽然这么说，但是如果有志于安全研究，从 CTF 开始仍然是一个不错的选择。
-- CTF != 电子竞技。CTF 除了 awd 稍微具有那么一点点的观赏性以外，其他的毫无观赏性可言。并不像一些影视剧中那样黑客们一脸沉着冷静地敲打着键盘，屏幕上的代码飞速滚动，过了一会弹出来一个闪烁的大框框“Hacked by XXX”。awd 的观赏性也仅仅架设于当某队伍拿到了另一支队伍的 flag 时，会有动态的效果（如动画等）来显示。

6.计算机安全/6.4密码学.md

@@ -0,0 +1,76 @@
+# 可能用的上的密码学介绍
+
+> 本文来自HGAME Mini 2022 Crypto 入门材料，
+
+## 什么是密码学
+
+密码学分为密码编码学和密码分析学，前者寻求**提供信息机密性、完整性和非否认性等的方法**，后者研究**加密信息的破译和伪造等破坏密码技术所能提供安全性**的方法。CTF比赛中的密码学题目偏向于密码分析。
+
+## 如何学习密码学
+
+### 数学基础
+
+数论，线性代数，抽象代数
+
+当你有了这些基础之后才能更熟练的使用一些数学工具。
+
+学习这些基础的东西最好的方法就是看书（群文件里都有哦～），如果是英文的话尽量看原著，这对后面看论文帮助很大。
+
+### 编程基础
+
+你可能需要了解一些python的基础语法。还有一些简单的算法。
+
+### 一些基础的密码系统
+
+古典密码：
+
+- 凯撒密码
+- 维吉尼亚密码
+- 栅栏密码
+- 希尔密码
+- 培根加密
+- 摩斯电码
+- 等
+
+现代密码：
+
+- RSA（非常经典）
+- AES
+- DES
+- ECC
+- 等
+
+还有近几年多起来的格密码
+
+主要看一些书籍，或者在ctf-wiki.org学习。学习的过程中尽可能的多写一些demo，既锻炼了编程能力也可以更好的了解一些密码系统。
+
+有能力的同学可以先看一下这位教授的关于密码学的课程 [https://m.youtube.com/channel/UC1usFRN4LCMcfIV7UjHNuQg](https://m.youtube.com/channel/UC1usFRN4LCMcfIV7UjHNuQg)
+
+## 工具
+
+一些python的库：
+
+- pycryptodome(就是Crypto库)
+
+[https://pycryptodome.readthedocs.io/en/latest/](https://pycryptodome.readthedocs.io/en/latest/)
+
+- gmpy2(数论)
+- sympy
+
+sagemath(一个功能极其强大的集成工具)
+
+## 刷题平台
+
+[https://cryptohack.org/](https://cryptohack.org/) (推荐)
+
+buuoj
+
+bugku(比较入门的题)
+
+ctfhub
+
+## 写在最后的话
+
+密码学可能刚入门起来感觉非常难受（可能不包括古典密码），但事实是不管那个方向或者说任何的一门学科的学习过程都是这样的（怪胎除外）。因为现在大家基本上都是兴趣驱动的，所以希望大家永远保持对新知识的好奇心，这样就不会感觉说这是一个任务一样的东西。其实密码学还是很有意思的。
+
+`synt{pelcg0_1f_r4fl_g0_fg4eg!!}`