feat: update blog

.vscode/settings.json

@@ -6,6 +6,7 @@
     "bilibili",
     "bvid",
     "dgut",
+    "dgutcs",
     "hongshen",
     "jinyu",
     "Uniapp"

README.md

@@ -3,7 +3,14 @@
 Ciallo ～(∠・ω< )⌒⭐  
 你好哇！欢迎来到 DGUT-CS-WIKI，这里是东莞理工学院计算机学习指南。
 
-在这里，我针对东莞理工学院的计算机专业课程收集整理了一些我亲自学习过或具有极佳口碑的计算机相关课程指南，希望对你将来的学习有所帮助。
+在这里，我们有：
+
+- 前端、后端等方向的大厂同学
+- XCPC（ACM）竞赛的银牌选手
+- 雅思成绩8.0，考研，留学的大佬
+- 实验室负责人等等
+
+总结学习经验，相关课程指南，希望对你将来的学习有所帮助。
 
 ## 在线访问
 
@@ -18,12 +25,13 @@ Ciallo ～(∠・ω< )⌒⭐
 ## 本地开发
 
 ```bash
+pnpm install
 pnpm dev
 ```
 
 ## 成为贡献者
 
-由于个人精力有限，我实在不可能把所有计算机相关的内容都学习一遍。因此，如果你有推荐的课程或资料分享，欢迎提交 PR 或发邮件给我。
+由于个人精力有限，我实在不可能把所有计算机相关的内容都学习一遍。因此，如果有推荐的课程或资料分享，欢迎提交 PR 或发送邮件。
 
 贡献步骤：
 
@@ -36,8 +44,8 @@ pnpm dev
 
 - 请确保提交的内容符合项目规范
 - 新增内容请在适当的目录下创建 markdown 文件
-- 图片等资源请放在 `public` 目录下
-- 提交前请在本地测试确保无误
+- 图片等资源可直接放在 `public` 目录下，使用`/`路径
+- commit会触发eslint检查，请确保无语法错误
 
 ## 交流群
 
@@ -48,4 +56,4 @@ pnpm dev
 
 - 感谢所有为这个项目做出贡献的同学
 - 感谢 Astro 和 Starlight 提供了优秀的文档框架
-- 以及阅读了这本 WIKI 并慷慨地给点了 Star⭐ 的你 😘
+- 以及阅读了这本 WIKI 并慷慨地给点了 Star⭐ 的你 😘

astro.config.mjs

@@ -24,8 +24,8 @@ export default defineConfig({
       },
       plugins: [starlightHeadingBadges(), starlightImageZoom()],
       components: {
-        Header: "./src/components/Header.astro",
-        MarkdownContent: "./src/components/MarkdownContent.astro",
+        Header: "./src/components/starlight/Header.astro",
+        MarkdownContent: "./src/components/starlight/MarkdownContent.astro",
       },
       customCss: ["./src/tailwind.css"],
       editLink: {

package.json

@@ -8,6 +8,7 @@
     "build": "astro build",
     "preview": "astro preview",
     "astro": "astro",
+    "tsc": "tsc --noEmit",
     "eslint": "eslint --fix --max-warnings=0 'src/**/*.{js,jsx,ts,tsx,mdx}'",
     "postinstall": "husky install"
   },
@@ -51,6 +52,7 @@
     "lint-staged": "^15.4.3",
     "prettier": "^3.4.2",
     "prettier-plugin-astro": "^0.14.1",
-    "sass-embedded": "^1.83.4"
+    "sass-embedded": "^1.83.4",
+    "typescript": "^5.7.3"
   }
 }

src/components/MarkdownContent.astro → src/components/starlight/MarkdownContent.astro

@@ -1,13 +1,9 @@
 ---
 import '@astrojs/starlight/style/markdown.css';
-import Author from './Author.astro';
+import Author from '../Author.astro';
 
 const {entry} = Astro.props;
 const { data } = entry;
-console.log('xzc',data);
-
-
-const author = "test";
 ---
 
 <article>

src/content/docs/前端开发/_react/index.mdx

@@ -3,6 +3,7 @@ title: React
 description: React 是一个用于构建用户界面的 JavaScript 库。它主要用于构建单页面应用，通过组件化的方式，将页面拆分成多个组件，每个组件负责一个功能，然后通过组件的嵌套，构建出复杂的页面。
 ---
 
-## React 是什么
 
-React 是一个用于构建用户界面的 JavaScript 库。它主要用于构建单页面应用，通过组件化的方式，将页面拆分成多个组件，每个组件负责一个功能，然后通过组件的嵌套，构建出复杂的页面。
+[React 官方文档](https://react.dev/learn)
+
+🚧 文章建设当中，敬请期待！✨

src/content/docs/实习就业/mango.mdx

@@ -0,0 +1,78 @@
+---
+title: 芒果 -- 前端如何3个月找到实习
+excerpt: 芒果实习
+---
+
+> 文章具有时效性，以笔者个人经验为主，仅供参考
+
+## 前言
+
+标题比较暴论，但确实是可行的，最近零基础的时候参考了知乎的文章
+
+1. 前端门槛低，比后端容易入门
+2. 前端岗位没有后端 java 那么卷
+3. 前端技术栈多，但学会关键基础部分即可找实习
+
+> 代价就是前端职业发展比后端差
+> 有人带和没人带，前端学习效率差距非常大
+> 有了 ai 的辅助，前端效率提升非常多
+
+一点其他信息，前端:后端的比例大概为 1:3
+前端就是将后端数据表现为页面展示出来
+
+## 补天计划
+
+- 前端三件套一个月
+- 框架&项目一个月
+- 八股一个月
+
+### 三件套
+
+- HTML
+- CSS
+- JavaScript
+
+参考另外一篇[文章](/前端开发/base)
+
+### 框架&项目
+
+框架国内无非 `vue` 或者 `react`
+任选其一就可以了
+
+#### react
+
+react 学习资源还是比较多的，个人更推荐**官方文档**
+优先啃文档，跟着官方 demo 去一步一步实现
+
+遇到不会的问题再去看视频
+
+:::tip
+个人觉得尽量去读文档
+
+1. 入门视频质量参差不齐，为了照顾所有人，会讲很多废话
+2. 文档是第一手材料，视频会忽略很多细节
+   :::
+
+#### 项目
+
+项目推荐 Youtube 上的教程视频
+
+- 例如安东尼奥的教程
+  一步一步直接喂到嘴里
+
+![alt text](../../../assets/blog/mango/image.png)
+
+8 小时，一步一步跟着敲代码
+
+涉及到的组件库，css 方案，路由，状态管理，api 请求，项目部署
+
+:::tip
+认识的几个大厂同学，也都做过安东尼奥的项目
+如果想要提升，可以考虑规划扩展，研究用到的技术的原理
+:::
+
+### 简历&八股
+
+这一部分也非常重要
+
+详细见运营的简历&八股方案