[docs feat]添加一个 notice

Java学习路线最新版获取

docs/.vuepress/theme.ts

@@ -1,5 +1,6 @@
 import { getDirname, path } from "@vuepress/utils";
 import { hopeTheme } from "vuepress-theme-hope";
+import { componentsPlugin } from "vuepress-plugin-components";
 
 import navbar from "./navbar.js";
 import sidebar from "./sidebar/index.js";
@@ -50,8 +51,26 @@ export default hopeTheme({
   },
 
   plugins: {
+    components: {
+      rootComponents: {
+        notice: [
+          {
+            path: "/",
+            title: "Java学习路线最新版",
+            content:
+              "花了一个月零碎的时间，我根据当下 Java 后端求职和招聘的最新要求，对之前写的 Java 后端学习路线进行了全面的优化和改进。这可能是你所见过的最用心、最全面的 Java 后端学习路线，共 4w+ 字。",
+            actions: [
+              {
+                text: "免费获取",
+                link: "https://mp.weixin.qq.com/s/6nWgi22UT5Y7nJiPfQ_XIw",
+                type: "primary",
+              },
+            ],
+          },
+        ],
+      },
+    },
     blog: true,
-
     copyright: {
       author: "JavaGuide(javaguide.cn)",
       license: "MIT",

docs/high-quality-technical-articles/advanced-programmer/programmer-quickly-learn-new-technology.md

@@ -17,7 +17,7 @@ tag:
 
 比如说我们在学习 Spring 的时候，通过 Spring 官方文档你就可以知道 Spring 最新的技术动态，Spring 包含哪些模块 以及 Spring 可以帮你解决什么问题。
 
-![](https://img-blog.csdnimg.cn/20210506110341207.png)
+![](https://oss.javaguide.cn/github/javaguide/system-design/web-real-time-message-push/20210506110341207.png)
 
 再比如说我在学习消息队列的时候，我会先去了解这个消息队列一般在系统中有什么作用，帮助我们解决了什么问题。消息队列的种类很多，具体学习研究某个消息队列的时候，我会将其和自己已经学习过的消息队列作比较。像我自己在学习 RocketMQ 的时候，就会先将其和自己曾经学习过的第 1 个消息队列 ActiveMQ 进行比较，思考 RocketMQ 相对于 ActiveMQ 有了哪些提升，解决了 ActiveMQ 的哪些痛点，两者有哪些相似的地方，又有哪些不同的地方。
 

package.json

@@ -35,5 +35,8 @@
     "vuepress-plugin-copyright2": "2.0.0-rc.10",
     "vuepress-plugin-feed2": "2.0.0-rc.10",
     "vuepress-theme-hope": "2.0.0-rc.10"
+  },
+  "devDependencies": {
+    "vuepress-plugin-components": "2.0.0-rc.11"
   }
 }