fix: 文档部署vercel (#67)

sophia502 · zhangmo · web-flow · commit b6fefb43c97a · 2024-03-13T17:53:55.000+08:00
* fix: 添加徽章&amp;用户埋点信息

* fix: json

* fix: 地址修改

* fix: 修改项目引用地址

* fix: 新增loading time

---------

Co-authored-by: zhangmo &lt;zhangmo@didiglobal.com&gt;
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
@@ -44,4 +44,4 @@ jobs:
           force_orphan: true
           github_token: ${{ secrets.GITHUB_TOKEN }}
           publish_dir: ./deploy
-          cname: docs.logic-flow.cn
+          cname: site.logic-flow.cn
diff --git a/CNAME b/CNAME
@@ -1 +1 @@
-docs.logic-flow.cn
+site.logic-flow.cn
diff --git a/docs/en/_navbar.md b/docs/en/_navbar.md
@@ -8,7 +8,7 @@
   - [transformModel](en/api/transformModelApi)
   - [editConfigModel](en/api/editConfigModelApi)
   - [Theme](en/api/themeApi)
-- [Examples <i class="fa fa-external-link navbar-icon"></i>](https://logic-flow.github.io/docs/examples)
+- [Examples <i class="fa fa-external-link navbar-icon"></i>](https://site.logic-flow.cn/examples/)
 - <font>Release <i class="fa fa-caret-down navbar-icon"></i></font>
   - [v1.2.x](en/release/1.2)
   - [v1.1.x](en/release/1.1)
diff --git a/docs/en/guide/basic/node.md b/docs/en/guide/basic/node.md
@@ -29,7 +29,7 @@ LogicFlow recommends that in actual application scenarios, all nodes use custom
 LogicFlow is based on class inheritance to implement custom nodes, edges. Developers can inherit LogicFlow's built-in nodes and then use the object-oriented [overriding mechanism](https://baike.baidu.com/item/%E9%87%8D%E5%86%99/9355942?fr=aladdin) to override the node style-related methods to achieve the effect of customizing the node style.
 ![logicflow-1.0-2.png](../../assets/images/logicflow-1.0-2.png)
 
-> This diagram was also drawn using LogicFlow. See [graphing tools](https://docs.logic-flow.cn/demo/dist/mvp/)。
+> This diagram was also drawn using LogicFlow. See [graphing tools](https://site.logic-flow.cn/demo/dist/mvp/)。
 
 ## Select the base node that the custom node inherits from
 
diff --git a/docs/en/guide/extension/adapter.md b/docs/en/guide/extension/adapter.md
@@ -110,4 +110,4 @@ lf.getGraphData();
 
 ### Example
 
-<a href="https://docs.logic-flow.cn/demo/dist/examples/#/extension/adapter?from=doc" target="_blank"> Demo in CodeSandBox</a>
+<a href="https://site.logic-flow.cn/demo/dist/examples/#/extension/adapter?from=doc" target="_blank"> Demo in CodeSandBox</a>
diff --git a/docs/en/guide/extension/extension-insert-node-in-polyline.md b/docs/en/guide/extension/extension-insert-node-in-polyline.md
@@ -5,7 +5,7 @@
 Drag a node to the middle of an edge and the node will automatically become part of the middle of the edge.
 Example: There exists a polyline E from node A to node B. Drag a node N onto the polyline E. Release the mouse when the center point of node N is exactly on the path of the polyline E. Then node N becomes an intermediate node between A and B. The original edge E will be deleted and two new polylines will be generated, A to N and N to B respectively.
 
-<a href="https://docs.logic-flow.cn/demo/dist/examples/#/extension/InserNodeInPolyline?from=doc" target="_blank"> Demo in CodeSandBox</a>
+<a href="https://site.logic-flow.cn/demo/dist/examples/#/extension/InserNodeInPolyline?from=doc" target="_blank"> Demo in CodeSandBox</a>
 
 ## support
 
diff --git a/docs/index.html b/docs/index.html
@@ -15,6 +15,7 @@
         },
       };
       var Omega = Omega || config;
+      var startTime = Math.ceil(new Date().getTime() / 1000);
     </script>
     <script
       crossorigin="Anonymous"
@@ -30,6 +31,9 @@
     <link rel="stylesheet" href="./static/buble.css" />
 
     <link rel="stylesheet" href="./static/prism-tomorrow.min.css" />
+    <link rel="preload" href="https://img.shields.io/npm/v/@logicflow/core" as="image">
+    <link rel="preload" href="https://img.shields.io/npm/dm/@logicflow/core" as="image">
+    <link rel="preload" href="https://img.shields.io/npm/l/@logicflow/core" as="image">
   </head>
 
   <body>
@@ -39,7 +43,7 @@
       <a target="_blank" href="https://github.com/didi/LogicFlow">
         <i class="fa fa-github fa-lg"></i> Github
       </a>
-      <a target="_blank" href="https://logic-flow.github.io/docs/examples">
+      <a target="_blank" href="https://site.logic-flow.cn/examples/">
         <i class="fa fa-puzzle-piece fa-lg"></i> Examples
       </a>
       <a href="#/en/">EN</a>
@@ -119,6 +123,17 @@
           language: language === "zh" ? "chinese" : "english",
         },
       };
+      const userAgent = window.navigator.userAgent;
+      const platform = window.navigator.platform;
+      window.onload = function() {
+        const loadingTime = Math.ceil(new Date().getTime() / 1000) - startTime;
+        Omega.trackEvent('tech_user_info', 'tech_urser_info', {
+          language,
+          userAgent,
+          platform,
+          loadingTime,
+        })
+      }
     </script>
     <script src="./static/docsify.min.js"></script>
     <script src="./static/countable.js"></script>
diff --git a/docs/zh/_navbar.md b/docs/zh/_navbar.md
@@ -8,7 +8,7 @@
   - [transformModel](zh/api/transformModelApi)
   - [editConfigModel](zh/api/editConfigModelApi)
   - [主题](zh/api/themeApi)
-- [示例 <i class="fa fa-external-link navbar-icon"></i>](https://logic-flow.github.io/docs/examples)
+- [示例 <i class="fa fa-external-link navbar-icon"></i>](https://site.logic-flow.cn/examples/)
 - <font>版本发布 <i class="fa fa-caret-down navbar-icon"></i></font>
   - [v1.2.x](zh/release/1.2)
   - [v1.1.x](zh/release/1.1)
diff --git a/docs/zh/guide/basic/node.md b/docs/zh/guide/basic/node.md
@@ -28,7 +28,7 @@ LogicFlow 是基于继承来实现自定义节点、边。开发者可以继承
 
 ![logicflow-1.0-2.png](../../assets/images/logicflow-1.0-2.png)
 
-> 此图也是用 LogicFlow 画出来的。见[作图工具](https://docs.logic-flow.cn/demo/dist/mvp/)。
+> 此图也是用 LogicFlow 画出来的。见[作图工具](https://site.logic-flow.cn/demo/dist/mvp/)。
 
 ## 选择自定义节点继承的基础节点
 
diff --git a/docs/zh/guide/extension/adapter.md b/docs/zh/guide/extension/adapter.md
@@ -107,7 +107,7 @@ lf.getGraphData();
 
 ### 转换结果示例
 
-<a href="https://docs.logic-flow.cn/demo/dist/examples/#/extension/adapter?from=doc" target="_blank"> 去 CodeSandbox 查看示例</a>
+<a href="https://site.logic-flow.cn/demo/dist/examples/#/extension/adapter?from=doc" target="_blank"> 去 CodeSandbox 查看示例</a>
 
 ## 新的BPMNAdapter
 ### what's the difference?
diff --git a/docs/zh/guide/extension/bpmn-element.md b/docs/zh/guide/extension/bpmn-element.md
@@ -18,7 +18,7 @@ LogicFlow 提供了[自定义节点](zh/guide/basic/node)和[自定义边](zh/gu
 </script>
 ```
 
-<a href="https://docs.logic-flow.cn/demo/dist/examples/#/extension/bpmn-elements?from=doc" target="_blank"> 去 CodeSandbox 查看示例</a>
+<a href="https://site.logic-flow.cn/demo/dist/examples/#/extension/bpmn-elements?from=doc" target="_blank"> 去 CodeSandbox 查看示例</a>
 
 ## 转换为 XML
 
@@ -113,7 +113,7 @@ const data = {
 };
 ```
 
-完整的 BPMN 案例工具请到[示例](https://docs.logic-flow.cn/examples/#/gallery)中体验。
+完整的 BPMN 案例工具请到[示例](https://site.logic-flow.cn/examples/#/gallery)中体验。
 
 ## 新的BPMNElement  
 
@@ -340,7 +340,7 @@ const complexGateway = GatewayNodeFactory('bpmn:complexGateway', complexIcon)
 
 #### 流
 
-流的扩展和自定义边的定义方法完全相同，参考 <https://docs.logic-flow.cn/docs/#/zh/guide/basic/edge>
+流的扩展和自定义边的定义方法完全相同，参考 <https://site.logic-flow.cn/docs/#/zh/guide/basic/edge>
 
 #### 其他节点
 
diff --git a/docs/zh/guide/extension/extension-insert-node-in-polyline.md b/docs/zh/guide/extension/extension-insert-node-in-polyline.md
@@ -5,7 +5,7 @@
 拖动节点到边中间，自动成为边中间的点。
 举例：存在一条节点 A 到节点 B 的折线 E，拖拽一个节点 N 到折线 E 上，当节点 N 的中心点恰好在折线 E 的路径上时松开鼠标，这时节点 N 就成为 A 与 B 的中间节点，原来的边 E 被删除，生成两条新的折线，分别是 A 到 N，N 到 B。示例如下。
 
-<a href="https://docs.logic-flow.cn/demo/dist/examples/#/extension/InserNodeInPolyline?from=doc" target="_blank"> 去 CodeSandbox 查看示例</a>
+<a href="https://site.logic-flow.cn/demo/dist/examples/#/extension/InserNodeInPolyline?from=doc" target="_blank"> 去 CodeSandbox 查看示例</a>
 
 ## 支持
 
diff --git a/examples/index.html b/examples/index.html
@@ -19,7 +19,7 @@
 
       gtag("config", "G-NDWZBYVHN9");
     </script>
-    <link rel="stylesheet" href="https://docs.logic-flow.cn/docs/static/font-awesome.min.css" />
+    <link rel="stylesheet" href="https://site.logic-flow.cn/docs/static/font-awesome.min.css" />
   </head>
   <body>
     <div id="app"></div>
diff --git a/examples/scripts/screenshot.js b/examples/scripts/screenshot.js
@@ -76,7 +76,7 @@ async function scrape() {
           if (link.includes("http")) {
             await page.goto(link);
           } else {
-            await page.goto(`https://docs.logic-flow.cn/${link}`);
+            await page.goto(`https://site.logic-flow.cn/${link}`);
           }
           await page.screenshot({
             path: `src/screenshots/${key}.png`,
diff --git a/examples/src/components/Banner/Banner.vue b/examples/src/components/Banner/Banner.vue
@@ -20,7 +20,7 @@
       </ul>
       </li>
       <li>
-        <a class="active" href="https://logic-flow.github.io/docs/examples" target="_blank" rel="noopener" title="Examples ">示例</a>
+        <a class="active" href="https://site.logic-flow.cn/examples/" target="_blank" rel="noopener" title="Examples ">示例</a>
       </li>
       <li>
         <font>版本记录 <i class="fa fa-caret-down navbar-icon"></i></font>
diff --git a/examples/src/components/SideBar/Menu.vue b/examples/src/components/SideBar/Menu.vue
@@ -72,7 +72,7 @@ const backToGallery = () => {
   });
 };
 const backToDocs = () => {
-  window.location.href = "https://docs.logic-flow.cn/docs/#/";
+  window.location.href = "https://site.logic-flow.cn/docs/#/";
 };
 
 const FoldAll = () => {
diff --git a/examples/src/views/Gallery/index.vue b/examples/src/views/Gallery/index.vue
@@ -69,7 +69,7 @@ const jumpTo = (example) => {
     });
   } else {
     (link.includes("http") && window.open(link)) ||
-      window.open(`https://docs.logic-flow.cn/${link}`);
+      window.open(`https://site.logic-flow.cn/${link}`);
     window.open(link);
   }
 };
diff --git a/index.html b/index.html
@@ -1,5 +1,5 @@
 <html>
 <head>
-  <meta http-equiv="refresh" content="0; url=docs">
+  <meta http-equiv="refresh" content="0; url=docs/#/">
 </head>
 </html>
diff --git a/vercel.json b/vercel.json

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-docs.logic-flow.cn`
	`1`	`+site.logic-flow.cn`
Original file line number	Diff line number	Diff line change
`@@ -110,4 +110,4 @@ lf.getGraphData();`
`110`	`110`
`111`	`111`	`### Example`
`112`	`112`
`113`		`-<a href="https://docs.logic-flow.cn/demo/dist/examples/#/extension/adapter?from=doc" target="_blank"> Demo in CodeSandBox</a>`
	`113`	`+<a href="https://site.logic-flow.cn/demo/dist/examples/#/extension/adapter?from=doc" target="_blank"> Demo in CodeSandBox</a>`