跳到主要内容

introduction

本项目包含以下主要分类和子目录：

01-background​

后端相关内容，包括 Java 基础、Spring、并发与 JVM、数据库、中间件等：

  • 01-Java: Java 基础、Spring、面试题、并发与 JVM、问题总结、设计模式。
  • 02-DateBase: Oracle、MySQL、事务处理、分布式案例、MyBatis-Plus 快速入门与代码生成。
  • 03-Middleware: Kafka、Redis、RabbitMQ、Camunda。
  • 04-Python: Python 问题与脚本。
  • 06-algorithm: 排序算法、二分插入、KMP、LeetCode 题解等。

02-frontend​

前端相关内容，包括 React、Vue、CSS、工具等：

  • 01-react: React 学习笔记。
  • 02-vue: Vue 语法、项目笔记、路由、Vue3 入门。
  • 03-styling: CSS 基础、Tailwind。
  • 04-tools: pnpm、Husky、Prettier 等工具集成。
  • 05-jquery: jQuery 相关内容。
  • 06-cases: 前端案例，如拖拽容器移动。

03-devops​

运维与容器相关内容，包括 Linux、Docker、Kubernetes：

  • 01-Linux: 常用 Shell 命令、AWK/SED 快速入门。
  • 02-docker: Docker 镜像地址、命令与 Dockerfile、Redis 集群与 Jenkins 配置。
  • 03-kubernetes: CentOS8 安装 Kubernetes、常用命令。

04-tools​

开发与非开发工具相关内容：

  • 01-develop: Git 命令、Gradle/Maven 配置、开发软件技巧。
  • 02-non-develop: Everything 工具、正则表达式、非开发软件技巧。

05-ai-bigdata​

AI 与大数据相关内容：

  • Flink、Hadoop、HBase、AI 公式。

06-misc​

其他内容，包括读书笔记、资源链接等：

  • 01-ReadBook: 计算机理论、文学相关读书笔记。
  • 02-CollectLinks: 收集的资源链接。
  • 03-Others: 其他内容。

以上目录结构旨在帮助快速定位内容，便于后续扩展与维护。

博客支持用法​

React 组件 live code​

实时编辑器
function Clock(props) {
  const [date, setDate] = useState(new Date());
  useEffect(() => {
    const timerID = setInterval(() => tick(), 1000);

    return function cleanup() {
      clearInterval(timerID);
    };
  });

  function tick() {
    setDate(new Date());
  }

  return (
    <div>
      <h2>It is {date.toLocaleTimeString()}.</h2>
    </div>
  );
}
结果
Loading...

Tabs/TabItem 组件实现多标签内容​

java System.out.println("Hello, Java!");

CodeBlock 高亮代码块​

hello.js
console.log("Hello, world!");

Details 折叠内容​

点击展开详细内容
这里是可折叠的内容，可以放更多说明或代码。

页面申明​

协议
本作品代码部分采用 Apache 2.0协议 进行许可。遵循许可的前提下，你可以自由地对代码进行修改，再发布，可以将代码用作商业用途。但要求你：
  • 署名：在原有代码和衍生代码中，保留原作者署名及代码来源信息。
  • 保留许可证：在原有代码和衍生代码中，保留Apache 2.0协议文件。
本作品文档部分采用 知识共享署名 4.0 国际许可协议 进行许可。遵循许可的前提下，你可以自由地共享，包括在任何媒介上以任何形式复制、发行本作品，亦可以自由地演绎、修改、转换或以本作品为基础进行二次创作。但要求你：
  • 署名：应在使用本文档的全部或部分内容时候，注明原作者及来源信息。
  • 非商业性使用：不得用于商业出版或其他任何带有商业性质的行为。如需商业使用，请联系作者。
  • 相同方式共享的条件：在本文档基础上演绎、修改的作品，应当继续以知识共享署名 4.0国际许可协议进行许可。

支持背景色高亮，字体颜色​

红底白字

mdx 中支持的 Admonitions​

备注

注释内容

提示

提示内容

信息

信息内容

注意

警告内容

危险

危险警告内容

警告

小心提醒内容

代码块中的魔法​

  • title="HelloWorld.java"
  • showLineNumbers
  • {3} 只高亮第3行
  • highlight-next-line 高亮下一行
  • highlight-start 高亮开始 highlight-end 高亮结束
HelloWorld.java
public class HelloWorld {
    public static void main(String[] args) {
        String s = "Hello World!";
        System.out.println(s);
        System.out.println(s);
    }
}
public class HelloWorld {
    public static void main(String[] args) {
        String s = "Hello World!";
    }
}

数学公式​

Home Documentation

LaTeX Syntax Documentation

这是行内公式 E=mc2E=mc^2。

I=∫02πsin⁡(x) dxI = \int_0^{2\pi} \sin(x)\,dx A−1=1ad−bc[d−b−ca]A^{-1} = \frac{1}{ad - bc} \begin{bmatrix} d & -b \\ -c & a \end{bmatrix}