Symbol 引用
diff --git a/packages/ui/certd-client/public/static/icons/iconfont.css b/packages/ui/certd-client/public/static/icons/iconfont.css
index 6c7f524ad..748656a77 100644
--- a/packages/ui/certd-client/public/static/icons/iconfont.css
+++ b/packages/ui/certd-client/public/static/icons/iconfont.css
@@ -1,6 +1,6 @@
@font-face {
font-family: "iconfont"; /* Project id 4688792 */
- src: url('iconfont.svg?t=1727153857332#iconfont') format('svg');
+ src: url('iconfont.svg?t=1730278432006#iconfont') format('svg');
}
.iconfont {
@@ -11,6 +11,10 @@
-moz-osx-font-smoothing: grayscale;
}
+.icon-huawei:before {
+ content: "\e610";
+}
+
.icon-qiniuyun:before {
content: "\e603";
}
diff --git a/packages/ui/certd-client/public/static/icons/iconfont.js b/packages/ui/certd-client/public/static/icons/iconfont.js
index 4106c7cea..e99de3372 100644
--- a/packages/ui/certd-client/public/static/icons/iconfont.js
+++ b/packages/ui/certd-client/public/static/icons/iconfont.js
@@ -1 +1 @@
-window._iconfont_svg_string_4688792='
',(e=>{var t=(c=(c=document.getElementsByTagName("script"))[c.length-1]).getAttribute("data-injectcss"),c=c.getAttribute("data-disable-injectsvg");if(!c){var l,a,i,n,o,d=function(t,c){c.parentNode.insertBefore(t,c)};if(t&&!e.__iconfont__svg__cssinject__){e.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(t){console&&console.log(t)}}l=function(){var t,c=document.createElement("div");c.innerHTML=e._iconfont_svg_string_4688792,(c=c.getElementsByTagName("svg")[0])&&(c.setAttribute("aria-hidden","true"),c.style.position="absolute",c.style.width=0,c.style.height=0,c.style.overflow="hidden",c=c,(t=document.body).firstChild?d(c,t.firstChild):t.appendChild(c))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(l,0):(a=function(){document.removeEventListener("DOMContentLoaded",a,!1),l()},document.addEventListener("DOMContentLoaded",a,!1)):document.attachEvent&&(i=l,n=e.document,o=!1,s(),n.onreadystatechange=function(){"complete"==n.readyState&&(n.onreadystatechange=null,h())})}function h(){o||(o=!0,i())}function s(){try{n.documentElement.doScroll("left")}catch(t){return void setTimeout(s,50)}h()}})(window);
\ No newline at end of file
+window._iconfont_svg_string_4688792='
',(e=>{var t=(c=(c=document.getElementsByTagName("script"))[c.length-1]).getAttribute("data-injectcss"),c=c.getAttribute("data-disable-injectsvg");if(!c){var l,a,i,n,o,d=function(t,c){c.parentNode.insertBefore(t,c)};if(t&&!e.__iconfont__svg__cssinject__){e.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(t){console&&console.log(t)}}l=function(){var t,c=document.createElement("div");c.innerHTML=e._iconfont_svg_string_4688792,(c=c.getElementsByTagName("svg")[0])&&(c.setAttribute("aria-hidden","true"),c.style.position="absolute",c.style.width=0,c.style.height=0,c.style.overflow="hidden",c=c,(t=document.body).firstChild?d(c,t.firstChild):t.appendChild(c))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(l,0):(a=function(){document.removeEventListener("DOMContentLoaded",a,!1),l()},document.addEventListener("DOMContentLoaded",a,!1)):document.attachEvent&&(i=l,n=e.document,o=!1,s(),n.onreadystatechange=function(){"complete"==n.readyState&&(n.onreadystatechange=null,h())})}function h(){o||(o=!0,i())}function s(){try{n.documentElement.doScroll("left")}catch(t){return void setTimeout(s,50)}h()}})(window);
\ No newline at end of file
diff --git a/packages/ui/certd-client/public/static/icons/iconfont.json b/packages/ui/certd-client/public/static/icons/iconfont.json
index 4478ceadc..d70e57b16 100644
--- a/packages/ui/certd-client/public/static/icons/iconfont.json
+++ b/packages/ui/certd-client/public/static/icons/iconfont.json
@@ -5,6 +5,13 @@
"css_prefix_text": "icon-",
"description": "",
"glyphs": [
+ {
+ "icon_id": "24164616",
+ "name": "华为",
+ "font_class": "huawei",
+ "unicode": "e610",
+ "unicode_decimal": 58896
+ },
{
"icon_id": "9612999",
"name": "qiniuyun",
diff --git a/packages/ui/certd-client/public/static/icons/iconfont.svg b/packages/ui/certd-client/public/static/icons/iconfont.svg
index 899cdaf27..0f3f761c3 100644
--- a/packages/ui/certd-client/public/static/icons/iconfont.svg
+++ b/packages/ui/certd-client/public/static/icons/iconfont.svg
@@ -14,7 +14,9 @@
/>
-
+
+
+
diff --git a/packages/ui/certd-client/src/components/tutorial/tutorial-steps.vue b/packages/ui/certd-client/src/components/tutorial/tutorial-steps.vue
index bdd2fbaf7..6c7da6076 100644
--- a/packages/ui/certd-client/src/components/tutorial/tutorial-steps.vue
+++ b/packages/ui/certd-client/src/components/tutorial/tutorial-steps.vue
@@ -31,7 +31,7 @@ type Step = {
items: StepItems[];
};
type StepItems = {
- image: string;
+ image?: string;
title: string;
descriptions?: string[];
};
@@ -56,22 +56,7 @@ const steps = ref
([
descriptions: ["点击添加证书流水线，填写证书申请信息"]
},
{
- image: "/static/doc/images/2-access-provider.png",
- title: "DNS授权",
- descriptions: ["证书申请需要给域名添加TXT解析记录来验证域名所有权", "根据你的域名注册商，选择对应的平台授权"]
- },
- {
- image: "/static/doc/images/3-add-access.png",
- title: "第一次使用，需要添加DNS授权",
- descriptions: ["选择DNS授权，确认创建"]
- },
- // {
- // image: "/static/doc/images/3-add-access.png",
- // title: "确定创建流水线",
- // descriptions: ["选择DNS授权，信息填写无误，确认创建"]
- // },
- {
- image: "/static/doc/images/4-add-success.png",
+ image: "/static/doc/images/3-add-success.png",
title: "流水线创建成功",
descriptions: ["此时证书申请任务已经建好", "点击手动触发即可测试证书申请", "接下来演示如何添加部署任务"]
}
@@ -79,57 +64,32 @@ const steps = ref([
},
{
title: "添加部署证书任务",
- description: "演示部署到阿里云CDN和Nginx",
+ description: "演示部署到主机上的Nginx",
items: [
{
- image: "/static/doc/images/6-1-add-task.png",
- title: "添加部署任务",
- descriptions: ["演示第一个部署任务，部署到阿里云CDN"]
+ image: "/static/doc/images/5-1-add-host.png",
+ title: "添加nginx部署任务",
+ descriptions: ["演示第一个部署任务，部署到nginx"]
},
{
- image: "/static/doc/images/6-2-add-task.png",
- title: "选择任务插件",
- descriptions: ["可以搜索插件，这里选择阿里云CDN插件"]
+ image: "/static/doc/images/5-2-add-host.png",
+ title: "填写任务参数",
+ descriptions: ["填写主机上证书文件的路径", "选择主机ssh登录授权"]
},
{
- image: "/static/doc/images/6-3-add-task.png",
- title: "配置任务参数",
- descriptions: ["填写CDN的域名和证书ID", "任务保存之后，阿里云CDN的部署任务就配置好了"]
+ image: "/static/doc/images/5-3-add-host.png",
+ title: "让新证书生效",
+ descriptions: ["执行重启脚本", "让证书生效"]
},
{
- image: "/static/doc/images/7-1-add-host-task.png",
- title: "添加主机部署任务",
- descriptions: ["接下来演示配置第二个部署任务，部署到主机", "部署到主机分两步: 1. 上传证书到主机 2. 运行主机命令"]
+ image: "/static/doc/images/5-4-add-host.png",
+ title: "部署任务添加成功",
+ descriptions: ["现在可以运行"]
},
{
- image: "/static/doc/images/7-2-add-host-task.png",
- title: "配置上传到主机任务",
- descriptions: ["填写上传到主机任务参数", "比如证书保存路径"]
- },
- {
- image: "/static/doc/images/7-3-add-host-task.png",
- title: "添加主机ssh登录授权",
- descriptions: ["填写主机ip、用户名、密码，授权只需添加一次，后续其他任务可以复用"]
- },
- {
- image: "/static/doc/images/8-1-add-host-task.png",
- title: "上传到主机任务配置完成",
- descriptions: ["接下来配置主机执行脚本，去部署证书"]
- },
- {
- image: "/static/doc/images/8-2-add-host-task.png",
- title: "选择添加主机远程命令任务",
- descriptions: ["选择主机远程命令任务"]
- },
- {
- image: "/static/doc/images/8-4-add-host-task.png",
- title: "填写证书部署脚本",
- descriptions: ["选择主机授权，编写部署脚本，这里演示部署到nginx，需要重启nginx，让证书生效"]
- },
- {
- image: "/static/doc/images/8-5-add-host-task.png",
- title: "上传到主机任务的两个步骤配置完成",
- descriptions: ["接下来测试运行"]
+ image: "/static/doc/images/5-5-plugin-list.png",
+ title: "还可以添加其他更多部署任务",
+ descriptions: ["插件列表"]
}
]
},
@@ -172,11 +132,6 @@ const steps = ref([
title: "查看证书部署成功",
descriptions: ["访问nginx上的网站，可以看到证书已经部署成功"]
},
- {
- image: "/static/doc/images/13-2-result.png",
- title: "阿里云CDN也部署成功",
- descriptions: ["阿里云CDN上已经更新证书，证书名称已certd开头"]
- },
{
image: "/static/doc/images/13-3-download.png",
title: "还可以下载证书，手动部署",
diff --git a/packages/ui/certd-client/src/views/framework/home/dashboard/index.vue b/packages/ui/certd-client/src/views/framework/home/dashboard/index.vue
index 895daf075..43f216644 100644
--- a/packages/ui/certd-client/src/views/framework/home/dashboard/index.vue
+++ b/packages/ui/certd-client/src/views/framework/home/dashboard/index.vue
@@ -14,24 +14,43 @@
-
+