diff --git a/src/js/options/changeLog.js b/src/js/options/changeLog.js
deleted file mode 100644
index 7dfd161..0000000
--- a/src/js/options/changeLog.js
+++ /dev/null
@@ -1,18 +0,0 @@
-const changeLog = [
-  {
-    version: "4.1.2",
-    log: `一、功能调整、新增
-① 现在会自动对特殊变量里的单、双、反引号、反斜杠、换行符等特殊符号进行转义。这意味用户不再需要手动处理这些特殊情况，比如在js中使用反引号(\`)或者在 python中 使用三引号(''')来解决换行的问题。
-<b style="color: #e60012">【 ! ! ! 】</b>需要注意，如果之前在js中使用了 String.raw 或者在 python 中使用了 r 来对反斜杠进行处理的话，现在需要去掉这些符号，比如之前是 String.raw\`{{input}}\`,现在则需要改回 "{{input}}"
-② 添加 quickcommand.runAppleScript 和 quickcommand.runPowerShell 两个方法
-③ quickcommand.showConfirmBox 现在支持渲染html以及设置宽度
-④ Mac下环境变量顺序调整为 /opt/homebrew/bin:/opt/homebrew/sbin:/usr/local/bin:/usr/local/sbin:$PATH
-二、BUG 修复
-① 修复某些情况下调整页面大小报错的 BUG
-② 修复非 quickcommand 环境自动补全重复出现的 BUG
-③ 修复 alt+z 无法换行的 BUG
-④ 更新内置命令-网址二维码中 qrcode 的引用地址`,
-  },
-];
-
-export default changeLog;
diff --git a/src/markdown/CHANGELOG.md b/src/markdown/CHANGELOG.md
new file mode 100644
index 0000000..19de540
--- /dev/null
+++ b/src/markdown/CHANGELOG.md
@@ -0,0 +1,34 @@
+# 5.0.0
+## 一、界面升级
+1. 代码编辑器界面、命令卡片界面优化调整，显示更多内容。
+2. 命令卡片、标签支持拖拽排序。
+3. 二列卡片视布局优化调整，显示更多内容。
+4. 运行结果界面支持将符合条件的对象转JSON字符串或表格字符串展示。
+5. 支持为整个配置页面设置背景图片，支持设置毛玻璃效果。
+
+## 二、可视化编排
+1. 新增**可视化编排**，支持拖拽编排命令，实时预览、运行，实现自动化流程处理。
+2. 包含：文件操作、网络操作、系统操作、音频操作、图片操作、视频操作、uTools功能、Mac自动化、Window自动化、浏览器控制、数据处理、编码加密、流程控制、编程相关、用户交互、AI对话、模拟操作、获取状态、数学计算、用户数据、显示器、输出消息等20种以上不同类型命令，100项以上实用功能。
+
+## 三、代码编辑器（AI功能）
+1. 新增**AI**功能，可以直接告诉AI你的需求来生成对应环境的代码，并支持自动插入生成的代码到编辑器，对于`quickcommand`环境，可选择让AI学习`utools`和`quickcommand`的文档，提升ai生成代码能力。
+2. 编辑器添加历史记录的功能，在首次进入编辑界面、执行运行、保存操作及应用`AI`代码时会自动保存代码，并支持恢复到指定代码。
+3. 更新utools api声明文件到6.0。
+4. quickcommand接口新增showSystemMessageBox等多个系统级弹窗接口，showSystemWaitButton等待操作按钮，showProcessBar进度条，askAI AI问答、clearTimeout 清除计时器
+
+5. 新增quickcomposer接口及声明文件
+
+> 注意quickcomposer接口主要是作为可视化编排的后端接口，虽然也可以在quickcommand环境中调用，但可能随时会更改调整，相比quickcommand接口，无法保证版本迭代后对旧版本接口的兼容性。
+>
+
+6. 现在代码编辑器没有获得焦点时，也可以通过快捷键执行保存和运行操作。
+
+## 四、优化调整
+1. 匹配模式去掉专业模式选项，现在支持图形化配置多种匹配模式，支持匹配文件夹。
+2. 选择隐藏类型的输出时，不再会主动显示utools搜索框。
+3. 命令卡片的选项菜单中新增“创建命令副本”功能
+4. 大量代码重构、优化调整。
+
+## 五、BUG修复
+1. 修复json格式运行结果复制错误的bug，运行结果支持保存
+2. 修复 Windows 下 Bash 脚本执行失败问题
diff --git a/src/pages/ConfigurationPage.vue b/src/pages/ConfigurationPage.vue
index b89e48a..0537332 100644
--- a/src/pages/ConfigurationPage.vue
+++ b/src/pages/ConfigurationPage.vue
@@ -32,14 +32,13 @@
 <script>
 import { defineAsyncComponent } from "vue";
 import { useCommandManager } from "js/commandManager.js";
-import changeLog from "js/options/changeLog.js";
 import { utoolsFull } from "js/utools.js";
 import CommandEditor from "components/CommandEditor";
 import ComposerEditor from "components/ComposerEditor";
-import FooterBar from "src/components/config/FooterBar.vue";
-import TagBar from "src/components/config/TagBar.vue";
-import BackgroundLayer from "src/components/config/BackgroundLayer.vue";
-import CommandPanels from "src/components/config/CommandPanels.vue";
+import FooterBar from "components/config/FooterBar.vue";
+import TagBar from "components/config/TagBar.vue";
+import BackgroundLayer from "components/config/BackgroundLayer.vue";
+import CommandPanels from "components/config/CommandPanels.vue";
 const CommandRunResult = defineAsyncComponent(() =>
   import("components/CommandRunResult.vue")
 );
@@ -232,22 +231,22 @@ export default {
       }
     },
     showChangeLog() {
-      let lastNeedLogEvent = changeLog[changeLog.length - 1];
+      const changeLog = require("raw-loader!src/markdown/CHANGELOG.md").default;
+      const lastVersion = changeLog.split("\n")[0].split(" ")[1];
       let loggedVersion =
         this.utools.dbStorage.getItem("cfg_loggedVersion") || "0.0.0";
-      if (loggedVersion < lastNeedLogEvent.version) {
+      if (loggedVersion < lastVersion) {
         quickcommand.showConfirmBox(
-          '<pre style="white-space: pre-wrap;word-wrap: break-word;">' +
-            lastNeedLogEvent.log +
-            "</pre>",
+          `
+          <div class="markdown">
+            ${quickcommand.markdownParse(changeLog)}
+          </div>
+          `,
           "更新日志",
           true,
           700
         );
-        this.utools.dbStorage.setItem(
-          "cfg_loggedVersion",
-          lastNeedLogEvent.version
-        );
+        this.utools.dbStorage.setItem("cfg_loggedVersion", lastVersion);
       }
     },
   },