Skip to content

Commit 4cce46a

Browse files
todaymvptodaymvp
committed
简化知识库首页，移除重复靶场卡片
1 parent 98bbb4b commit 4cce46a

2 files changed

Lines changed: 37 additions & 98 deletions

File tree

‎src/pages/blog/index.astro‎

Lines changed: 17 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
import DefaultLayout from '@layouts/DefaultLayout.astro'
33
---
44

5-
<DefaultLayout title="知识库 | 花江安全">
5+
<DefaultLayout title="知识库">
66
<section class="my-12">
77
<div class="container">
88
<h1 class="text-4xl font-bold text-center mb-4">📚 知识库 / 科普</h1>
@@ -14,15 +14,21 @@ import DefaultLayout from '@layouts/DefaultLayout.astro'
1414
<div class="mx-auto max-w-3xl mb-16 rounded-2xl border-l-4 border-[#63b3ed] bg-[rgba(99,179,237,0.08)] p-6 dark:bg-[rgba(99,179,237,0.12)]">
1515
<h2 class="text-xl font-bold mb-3">📺 学长学姐推荐</h2>
1616
<p class="opacity-90 mb-2">
17-
由于期末周还没搭好练习靶场，可以先看这个计算机基础操作教学视频：
17+
🎯 迎新靶场已经上线！可以先访问靶场感受一下 CTF：
1818
</p>
19-
<a href="https://www.bilibili.com/video/BV13F411A7mD" target="_blank" rel="noopener" class="text-[var(--color-primary)] font-semibold hover:underline break-all">
20-
https://www.bilibili.com/video/BV13F411A7mD
21-
</a>
22-
<p class="opacity-90 mt-3">
19+
<div class="flex flex-wrap gap-3 mb-3">
20+
<a href="http://125.217.52.145/" target="_blank" rel="noopener" class="text-[var(--color-primary)] font-semibold hover:underline">🏫 校园网入口</a>
21+
<span class="opacity-50">|</span>
22+
<a href="http://sayble.xyz:18080/" target="_blank" rel="noopener" class="text-[var(--color-primary)] font-semibold hover:underline">🌐 公网入口</a>
23+
</div>
24+
<p class="opacity-90 mb-2">
25+
另外，建议先看看这个计算机基础操作教学视频：
26+
<a href="https://www.bilibili.com/video/BV13F411A7mD" target="_blank" rel="noopener" class="text-[var(--color-primary)] font-semibold hover:underline break-all">https://www.bilibili.com/video/BV13F411A7mD\</a\>
27+
</p>
28+
<p class="opacity-90 mt-2">
2329
建议在开学前先把 <strong>Linux 基础命令</strong> 和 <strong>C 语言基本语法</strong> 过一遍，这是所有 IT 相关专业的通用基础。
2430
</p>
25-
<p class="opacity-60 text-sm mt-3">——today</p>
31+
<p class="opacity-60 text-sm mt-2">——today</p>
2632
</div>
2733

2834
<!-- 科普文章卡片 -->
@@ -64,7 +70,7 @@ import DefaultLayout from '@layouts/DefaultLayout.astro'
6470
</div>
6571
</div>
6672

67-
<!-- 常用资源 + 招新引导 -->
73+
<!-- 常用资源 + 加入我们 -->
6874
<div class="grid gap-6 md:grid-cols-2">
6975
<div class="rounded-xl border border-[var(--border-color-subtle)] bg-[var(--background-color)] p-6 shadow-sm">
7076
<h2 class="text-xl font-bold mb-4">🔗 常用资源</h2>
@@ -75,9 +81,9 @@ import DefaultLayout from '@layouts/DefaultLayout.astro'
7581
<li><a href="/blog/resource" class="text-[var(--color-primary)] hover:underline">更多资源 →</a></li>
7682
</ul>
7783
</div>
78-
<div class="rounded-xl border border-[var(--border-color-subtle)] bg-[var(--background-color)] p-6 shadow-sm">
79-
<h2 class="text-xl font-bold mb-4">🎯 准备加入我们？</h2>
80-
<p class="opacity-80 mb-4">迎新靶场即将上线，招新群已开放。来这里找到组织，和学长学姐一起打 CTF。</p>
84+
<div class="rounded-xl border border-[var(--border-color-subtle)] bg-[var(--background-color)] p-6 shadow-sm text-center">
85+
<h2 class="text-xl font-bold mb-4">🎯 加入我们</h2>
86+
<p class="opacity-80 mb-4">迎新靶场已经上线，招新群已开放，快来一起打 CTF！</p>
8187
<a href="/contact" class="inline-block rounded-full bg-[var(--color-primary)] px-6 py-2.5 text-white font-semibold no-underline hover:opacity-90 transition shadow-md">
8288
查看加入方式
8389
</a>

‎src/pages/contact.astro‎

Lines changed: 20 additions & 87 deletions
Original file line numberDiff line numberDiff line change
@@ -3,44 +3,27 @@ import DefaultLayout from '@layouts/DefaultLayout.astro'
33
import PageHeader from '@components/PageHeader.astro'
44
---
55

6-
<DefaultLayout class="contact-page" title="加入我们 | 花江安全">
6+
<DefaultLayout class="contact-page" title="加入我们">
77
<PageHeader
88
title="加入我们"
99
subtitle="在二进制中寻找漏洞，在数字世界里找到我们。"
1010
bgType="gradient"
1111
/>
1212
<section class="container my-16">
1313
<div class="grid grid-cols-1 gap-16 md:grid-cols-2">
14-
<!-- 左栏：社团介绍 + 我们是谁 + 招新信息 + 招新历程 -->
14+
<!-- 左栏：社团简介 + 招新信息 + 招新历程 -->
1515
<div class="space-content">
1616
<p class="text-lg mb-6">
17-
<strong>花江安全</strong>（Huajiang Security，HJSec）隶属于桂林电子科技大学计算机与信息安全学院大学生科技协会，为科协安全部，招新由科协统筹进行。
17+
<strong>花江安全</strong>（Huajiang Security，HJSec）隶属于桂林电子科技大学计算机与信息安全学院大学生科技协会，为科协安全部，欢迎每一个对安全有热情的同学。
1818
</p>
1919

20-
<div class="rounded-xl border border-[var(--border-color-subtle)] bg-[var(--background-color)] p-6 shadow-sm mb-8">
21-
<h2 class="text-xl font-bold mb-3 flex items-center gap-2">
22-
<span>🧩</span> 我们是谁
23-
</h2>
24-
<p class="opacity-90">
25-
我们不是培训班，不是娱乐社团，也不是学生会团委等行政部门，我们是以安全学习为主的科技社团。如果你也对攻防对抗、漏洞挖掘、二进制或 Web 安全有本能的兴奋，安全部就是你的归宿。
26-
</p>
27-
<p class="opacity-90 mt-3 font-semibold">✨ 加入我们的好处</p>
28-
<ul class="list-inside list-disc my-2 opacity-90 space-y-1">
29-
<li><strong>拒绝信息差</strong>：社团中有保研、考研、考公上岸的学长学姐，也有转专业成功、直接就业的学长学姐，他们都可以给你分享经验。</li>
30-
<li>我们不是吃喝玩乐的娱乐社团，专注于学习安全技能、打比赛。进入社团后，学长学姐可以带你学习。</li>
31-
<li>社团以信息安全、网络空间安全、密码科学与技术专业的学生为主，欢迎全校各专业的同学。选错专业不要紧，只要想学安全、肯学安全、想成为黑客，都可以来。</li>
32-
<li><strong>资源丰富</strong>：我们不仅给你提供工位，你还能在社团扩展人脉，认识更多志同道合的朋友，一起打比赛奋斗。</li>
33-
</ul>
34-
<p class="opacity-70 text-sm mt-2">——步六孤</p>
35-
</div>
36-
3720
<div class="rounded-xl border border-[var(--border-color-subtle)] bg-[var(--background-color)] p-6 shadow-sm mb-8">
3821
<h2 class="text-xl font-bold mb-4 flex items-center gap-2">
3922
<span>📋</span> 招新信息
4023
</h2>
4124
<ul class="list-inside list-disc my-4 space-y-3">
4225
<li><strong>面向对象</strong>：全校在校生，不限专业，热烈欢迎大一新生</li>
43-
<li><strong>基本要求</strong>：对信息安全有浓厚兴趣，具备或愿意学习网络安全有关知识，对黑客技术有热情</li>
26+
<li><strong>基本要求</strong>：对信息安全有浓厚兴趣，具备或愿意学习网络安全有关知识</li>
4427
<li><strong>方向选择</strong>：二进制安全 (Pwn)、逆向工程 (Reverse)、Web 安全、密码学 (Crypto)、MISC</li>
4528
</ul>
4629
</div>
@@ -49,94 +32,44 @@ import PageHeader from '@components/PageHeader.astro'
4932
<h2 class="text-xl font-bold mb-6 flex items-center gap-2">
5033
<span>🗺️</span> 招新历程
5134
</h2>
52-
<div class="space-y-6">
53-
<div class="flex gap-4">
54-
<div class="flex flex-col items-center">
55-
<div class="w-10 h-10 rounded-full bg-[var(--color-primary)] text-white flex items-center justify-center font-bold text-sm">1</div>
56-
<div class="w-0.5 h-full bg-[var(--border-color-subtle)] mt-2"></div>
57-
</div>
58-
<div class="pb-6">
59-
<h3 class="font-bold text-lg">迎新赛：8月（新生入学前）</h3>
60-
<p class="opacity-80">在家打迎新靶场，学习 CTF 基础知识，对安全世界有个初步了解</p>
61-
</div>
35+
<div class="space-y-4">
36+
<div>
37+
<h3 class="font-bold">① 迎新赛：8月（入学前）</h3>
38+
<p class="opacity-80 text-sm">在家打迎新靶场，了解 CTF 基础。</p>
6239
</div>
63-
<div class="flex gap-4">
64-
<div class="flex flex-col items-center">
65-
<div class="w-10 h-10 rounded-full bg-[var(--color-primary)] text-white flex items-center justify-center font-bold text-sm">2</div>
66-
<div class="w-0.5 h-full bg-[var(--border-color-subtle)] mt-2"></div>
67-
</div>
68-
<div class="pb-6">
69-
<h3 class="font-bold text-lg">招新赛：9月（开学后）</h3>
70-
<p class="opacity-80">新生招新赛，通过题目观察成员表现。迎新靶场不会关闭，新生可以随时向学长学姐请教</p>
71-
</div>
40+
<div>
41+
<h3 class="font-bold">② 招新赛：9月（开学后）</h3>
42+
<p class="opacity-80 text-sm">通过题目考察成员，靶场持续开放，可随时请教。</p>
7243
</div>
73-
<div class="flex gap-4">
74-
<div class="flex flex-col items-center">
75-
<div class="w-10 h-10 rounded-full bg-[var(--color-primary)] text-white flex items-center justify-center font-bold text-sm">3</div>
76-
</div>
77-
<div>
78-
<h3 class="font-bold text-lg">面试：10月底</h3>
79-
<p class="opacity-80">双向选择，正式成为花江安全的一员</p>
80-
</div>
44+
<div>
45+
<h3 class="font-bold">③ 面试：10月底</h3>
46+
<p class="opacity-80 text-sm">双向选择，正式加入花江安全。</p>
8147
</div>
8248
</div>
8349
</div>
8450
</div>
8551

86-
<!-- 右栏：迎新靶场 + 群公告 + 学长学姐推荐 + 加入方式 -->
52+
<!-- 右栏：靶场入口 + 加入方式 -->
8753
<div class="space-content">
88-
<!-- 🎯 迎新靶场 -->
54+
<!-- 靶场 -->
8955
<div class="rounded-xl border border-[var(--border-color-subtle)] bg-[var(--background-color)] p-6 shadow-sm mb-8 text-center">
9056
<h2 class="text-xl font-bold mb-4 flex items-center justify-center gap-2">
9157
<span>🎯</span> 迎新靶场
9258
</h2>
9359
<div class="space-y-3">
9460
<div>
95-
<p class="text-sm font-semibold mb-1">🏫 校园网地址（校内快速）</p>
61+
<p class="text-sm font-semibold mb-1">🏫 校园网（快速）</p>
9662
<a href="http://125.217.52.145/" target="_blank" rel="noopener noreferrer" class="text-[var(--color-primary)] font-semibold hover:underline">http://125.217.52.145/\</a\>
9763
</div>
9864
<div>
99-
<p class="text-sm font-semibold mb-1">🌐 公网地址（校外访问）</p>
65+
<p class="text-sm font-semibold mb-1">🌐 公网</p>
10066
<a href="http://sayble.xyz:18080/" target="_blank" rel="noopener noreferrer" class="text-[var(--color-primary)] font-semibold hover:underline">http://sayble.xyz:18080/\</a\>
10167
</div>
10268
</div>
103-
<p class="text-sm opacity-70 mt-4">由于云服务器带宽有限，请校内同学尽量使用校园网地址访问，速度更快。</p>
104-
</div>
105-
106-
<!-- 📣 群公告 -->
107-
<div class="rounded-xl border-l-4 border-[#f59e0b] bg-[rgba(245,158,11,0.08)] p-5 mb-8 dark:bg-[rgba(245,158,11,0.12)]">
108-
<h3 class="text-lg font-bold mb-2 flex items-center gap-2">
109-
<span>📣</span> 群公告
110-
</h3>
111-
<p class="opacity-90 font-semibold mb-2">我们从来不寻找天才。只要你有自身闪亮发光的地方，你就是我们要寻找的人。</p>
112-
<p class="opacity-90 mb-2">群里有26预科、刚转专业的、还在填志愿的，别社恐，直接聊。</p>
113-
<p class="opacity-90 mb-2 font-semibold">想提前入门：</p>
114-
<ul class="list-inside list-disc my-2 opacity-90 space-y-1 text-sm">
115-
<li>装 VMware（群文件有）</li>
116-
<li>
117-
Ubuntu 镜像：
118-
<a href="https://mirrors.tuna.tsinghua.edu.cn/ubuntu-releases/24.04.2/ubuntu-24.04.4-desktop-amd64.iso" target="_blank" rel="noopener" class="text-[var(--color-primary)] hover:underline break-all">下载链接</a>
119-
</li>
120-
<li>
121-
Kali VMware 版：
122-
<a href="https://mirrors.tuna.tsinghua.edu.cn/kali-images/kali-2026.2/kali-linux-2026.2-vmware-amd64.7z" target="_blank" rel="noopener" class="text-[var(--color-primary)] hover:underline break-all">下载链接</a>
123-
</li>
124-
</ul>
125-
<p class="opacity-90 mt-2">装好系统，打开终端，不懂就问。现在人少，我们能一对一讲清楚。等八月人多了，你们就是第一批老手——比同届信安、网安、密码专业的同学先跑一步。</p>
126-
<p class="opacity-90 mt-2 font-semibold">世界是你们的，期待你们第一批进群的以后在招新靶场的表现。</p>
127-
<p class="opacity-60 text-sm mt-2">2026.7.1 ——today</p>
128-
</div>
129-
130-
<!-- 📺 学长学姐推荐 -->
131-
<div class="rounded-xl border-l-4 border-[#63b3ed] bg-[rgba(99,179,237,0.08)] p-5 mb-8 dark:bg-[rgba(99,179,237,0.12)]">
132-
<h3 class="text-lg font-bold mb-2">📺 学长学姐推荐</h3>
133-
<p class="opacity-90 mb-2">由于期末周还没搭好练习靶场，可以先看这个计算机基础操作教学视频：</p>
134-
<a href="https://www.bilibili.com/video/BV13F411A7mD" target="_blank" rel="noopener" class="text-[var(--color-primary)] font-semibold hover:underline break-all">https://www.bilibili.com/video/BV13F411A7mD\</a\>
135-
<p class="opacity-90 mt-3">建议在开学前先把 <strong>Linux 基础命令</strong> 和 <strong>C 语言基本语法</strong> 过一遍，这是所有 IT 相关专业的通用基础。</p>
136-
<p class="opacity-60 text-sm mt-2">——today</p>
69+
<p class="text-sm opacity-70 mt-4">校内同学请尽量用校园网，速度更快。</p>
13770
</div>
13871

139-
<!-- 📬 加入方式 -->
72+
<!-- 加入方式 -->
14073
<div class="rounded-xl border border-[var(--border-color-subtle)] bg-[var(--background-color)] p-6 shadow-sm text-center">
14174
<h2 class="text-xl font-bold mb-4 flex items-center justify-center gap-2">
14275
<span>📬</span> 加入方式

0 commit comments

Comments
 (0)