about 生涯

This commit is contained in:
liuzhihang 2023-06-02 00:18:15 +08:00
parent de1b2c5a9f
commit e88b951b33
2 changed files with 226 additions and 92 deletions

View File

@ -162,7 +162,7 @@ spec:
name: recommendPostCustom
label: 自定义文章
help: "建议设置六篇文章"
value: []
value: [ ]
children:
- $formkit: url
name: url
@ -338,7 +338,7 @@ spec:
name: socialMedia
label: 社交媒体
help: 侧栏社交媒体建议只设置两个
value: []
value: [ ]
children:
- $formkit: select
name: icon
@ -449,7 +449,7 @@ spec:
- $formkit: repeater
name: socialMedia
label: 社交媒体
value: []
value: [ ]
children:
- $formkit: select
name: icon
@ -578,7 +578,7 @@ spec:
name: techStack
label: 技术栈
help: 个人技术栈
value: []
value: [ ]
children:
- $formkit: text
name: name
@ -615,23 +615,41 @@ spec:
- $formkit: textarea
name: content
label: 我的介绍
value: <div class="title1">你好,很高兴认识你👋</div>
<div class="title2">我叫 <span class="inline-word">程序员小航</span></div>
<div class="title1">是一名 前端开发工程师、后端开发工程师、全干工程师</div>
value: <div class="title1">你好,很高兴认识你👋</div> <div class="title2">我叫 <span class="inline-word">程序员小航</span></div> <div class="title1">是一名 前端开发工程师、后端开发工程师、全干工程师</div>
help: 支持 HTML 语法
- $formkit: textarea
name: idea
label: 我的想法
value: <div class="author-content-item-tips">一定</div>
<h2>记得<br> 修改这块<span class="inline-word">代码</span>
<div class="mask">
<span class="first-tips" data-show="">优秀的产品</span>
<span>出色的设计</span>
<span>高效的编程</span>
<span data-up="">人性化的用户体验</span>
</div>
</h2>
value: <div class="author-content-item-tips">一定</div> <h2>记得<br> 修改这块<span class="inline-word">代码</span> <div class="mask"> <span class="first-tips" data-show="">优秀的产品</span> <span>出色的设计</span> <span>高效的编程</span> <span data-up="">人性化的用户体验</span> </div> </h2>
help: 支持 HTML 语法
- $formkit: text
name: authorCareersTitle
label: 职业生涯标题
placeholder: 请输入内容
- $formkit: repeater
name: authorCareersTags
label: 职业生涯标签
value: [ ]
children:
- $formkit: color
name: background
label: 颜色
- $formkit: text
name: desc
label: 描述
- $formkit: url
name: authorCareersBackground
label: 职业生涯背景图
placeholder: 建议找个透明图
validation: "url"
- $formkit: url
name: authorCareersPhoto
label: 图片
validation: "url"
value: https://p.zhheo.com/2023788ba3b8739936f844e64f483faacaf1085602.png!cover
- $formkit: select
name: personalities
label: 人格
@ -670,7 +688,7 @@ spec:
value: istj
- label: ESTJ
value: estj

View File

@ -360,146 +360,255 @@
<div class="author-content-item careers">
<div class="card-content">
<div class="author-content-item-tips">生涯</div>
<span class="author-content-item-title">无限进步</span>
<div class="careers-group">
<div class="careers-item">
<div class="circle" style="background: #357ef5"></div>
<div class="name">DLPU, 产品设计专业</div>
<span class="author-content-item-title"
th:text="${theme.config.about.authorCareersTitle}">无限进步</span>
<div class="careers-group"
th:if="${not #lists.isEmpty(theme.config.about.authorCareersTags)}"
th:with="careersTags = ${theme.config.about.authorCareersTags}">
<div class="careers-item" th:each="tag : ${careersTags}">
<div class="circle" th:style="'background:' + ${tag.background}"></div>
<div class="name" th:text="${tag.desc}"></div>
</div>
<div class="careers-item">
<div class="circle" style="background: #eb372a"></div>
<div class="name">ITSO, UI/产品经理</div>
</div>
</div>
<img alt="生涯"
class="author-content-img"
src="https://p.zhheo.com/20236d5152f4058d0b8b29185c7b71bbd74a071902.png!cover">
<img alt="生涯" class="author-content-img"
th:src="${#strings.isEmpty(theme.config.about.authorCareersBackground) ? '/assets/images/hao-logo.jpg' : theme.config.about.authorCareersBackground}">
</div>
</div>
</div>
<!-- personalities -->
<div class="author-content">
<div class="author-content-item personalities" th:with="personality = ${theme.config.about.personalities}">
<div class="author-content-item personalities"
th:with="personality = ${theme.config.about.personalities}">
<div class="author-content-item-tips">性格</div>
<th:block th:if="${personality == 'infp'}">
<span class="author-content-item-title">调停者</span>
<div class="title2" style="color: #56a178;">INFP</div>
<div class="image"><img src="/themes/theme-hao/assets/images/infp.svg" style="transform: rotateY(180deg);" ></div>
<div class="post-tips"><a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/INFP-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">调停者</a></div>
<div class="image"><img src="/themes/theme-hao/assets/images/infp.svg"
style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/"
rel="noopener nofollow" target="_blank">16personalities</a>
了解更多关于 <a
rel="noopener external nofollow"
target="_blank"
th:href="@{'https://www.16personalities.com/ch/INFP-%E4%BA%BA%E6%A0%BC'}">调停者</a>
</div>
</th:block>
<th:block th:if="${personality == 'intj'}">
<span class="author-content-item-title">建筑师</span>
<div class="title2" style="color: #56a178;">INTJ</div>
<div class="image"><img src="/themes/theme-hao/assets/images/intj.svg" style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/INTJ-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">建筑师</a></div>
</th:block>
<div class="image"><img src="/themes/theme-hao/assets/images/intj.svg"
style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/"
rel="noopener nofollow" target="_blank">16personalities</a>
了解更多关于 <a
rel="noopener external nofollow"
target="_blank"
th:href="@{'https://www.16personalities.com/ch/INTJ-%E4%BA%BA%E6%A0%BC'}">建筑师</a>
</div>
</th:block>
<th:block th:if="${personality == 'intp'}">
<span class="author-content-item-title">逻辑学家</span>
<div class="title2" style="color: #56a178;">INTP</div>
<div class="image"><img src="/themes/theme-hao/assets/images/intp.svg" style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/INTP-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">逻辑学家</a></div>
<div class="image"><img src="/themes/theme-hao/assets/images/intp.svg"
style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/"
rel="noopener nofollow" target="_blank">16personalities</a>
了解更多关于 <a
rel="noopener external nofollow"
target="_blank"
th:href="@{'https://www.16personalities.com/ch/INTP-%E4%BA%BA%E6%A0%BC'}">逻辑学家</a>
</div>
</th:block>
<th:block th:if="${personality == 'entj'}">
<span class="author-content-item-title">指挥官</span>
<div class="title2" style="color: #56a178;">ENTJ</div>
<div class="image"><img src="/themes/theme-hao/assets/images/entj.svg" style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/ENTJ-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">指挥官</a></div>
</th:block>
<div class="image"><img src="/themes/theme-hao/assets/images/entj.svg"
style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/"
rel="noopener nofollow" target="_blank">16personalities</a>
了解更多关于 <a
rel="noopener external nofollow"
target="_blank"
th:href="@{'https://www.16personalities.com/ch/ENTJ-%E4%BA%BA%E6%A0%BC'}">指挥官</a>
</div>
</th:block>
<th:block th:if="${personality == 'entp'}">
<span class="author-content-item-title">辩论家</span>
<div class="title2" style="color: #56a178;">ENTP</div>
<div class="image"><img src="/themes/theme-hao/assets/images/entp.svg" style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/ENTP-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">辩论家</a></div>
<div class="image"><img src="/themes/theme-hao/assets/images/entp.svg"
style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/"
rel="noopener nofollow" target="_blank">16personalities</a>
了解更多关于 <a
rel="noopener external nofollow"
target="_blank"
th:href="@{'https://www.16personalities.com/ch/ENTP-%E4%BA%BA%E6%A0%BC'}">辩论家</a>
</div>
</th:block>
<th:block th:if="${personality == 'enfj'}">
<span class="author-content-item-title">主人公</span>
<div class="title2" style="color: #56a178;">ENFJ</div>
<div class="image"><img src="/themes/theme-hao/assets/images/enfj.svg" style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/ENFJ-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">主人公</a></div>
<div class="image"><img src="/themes/theme-hao/assets/images/enfj.svg"
style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/"
rel="noopener nofollow" target="_blank">16personalities</a>
了解更多关于 <a
rel="noopener external nofollow"
target="_blank"
th:href="@{'https://www.16personalities.com/ch/ENFJ-%E4%BA%BA%E6%A0%BC'}">主人公</a>
</div>
</th:block>
<th:block th:if="${personality == 'enfp'}">
<span class="author-content-item-title">竞选者</span>
<div class="title2" style="color: #56a178;">ENFP</div>
<div class="image"><img src="/themes/theme-hao/assets/images/enfp.svg" style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/ENFP-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">竞选者</a></div>
</th:block>
<div class="image"><img src="/themes/theme-hao/assets/images/enfp.svg"
style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/"
rel="noopener nofollow" target="_blank">16personalities</a>
了解更多关于 <a
rel="noopener external nofollow"
target="_blank"
th:href="@{'https://www.16personalities.com/ch/ENFP-%E4%BA%BA%E6%A0%BC'}">竞选者</a>
</div>
</th:block>
<th:block th:if="${personality == 'estj'}">
<span class="author-content-item-title">总经理</span>
<div class="title2" style="color: #56a178;">ESTJ</div>
<div class="image"><img src="/themes/theme-hao/assets/images/estj.svg" style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/ESTJ-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">总经理</a></div>
<div class="image"><img src="/themes/theme-hao/assets/images/estj.svg"
style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/"
rel="noopener nofollow" target="_blank">16personalities</a>
了解更多关于 <a
rel="noopener external nofollow"
target="_blank"
th:href="@{'https://www.16personalities.com/ch/ESTJ-%E4%BA%BA%E6%A0%BC'}">总经理</a>
</div>
</th:block>
<th:block th:if="${personality == 'estp'}">
<span class="author-content-item-title">企业家</span>
<div class="title2" style="color: #56a178;">ESTP</div>
<div class="image"><img src="/themes/theme-hao/assets/images/estp.svg" style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/ESTP-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">企业家</a></div>
<div class="image"><img src="/themes/theme-hao/assets/images/estp.svg"
style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/"
rel="noopener nofollow" target="_blank">16personalities</a>
了解更多关于 <a
rel="noopener external nofollow"
target="_blank"
th:href="@{'https://www.16personalities.com/ch/ESTP-%E4%BA%BA%E6%A0%BC'}">企业家</a>
</div>
</th:block>
<th:block th:if="${personality == 'esfj'}">
<span class="author-content-item-title">执政官</span>
<div class="title2" style="color: #56a178;">ESFJ</div>
<div class="image"><img src="/themes/theme-hao/assets/images/esfj.svg" style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/ESFJ-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">执政官</a></div>
<div class="image"><img src="/themes/theme-hao/assets/images/esfj.svg"
style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/"
rel="noopener nofollow" target="_blank">16personalities</a>
了解更多关于 <a
rel="noopener external nofollow"
target="_blank"
th:href="@{'https://www.16personalities.com/ch/ESFJ-%E4%BA%BA%E6%A0%BC'}">执政官</a>
</div>
</th:block>
<th:block th:if="${personality == 'esfp'}">
<span class="author-content-item-title">表演者</span>
<div class="title2" style="color: #56a178;">ESFP</div>
<div class="image"><img src="/themes/theme-hao/assets/images/esfp.svg" style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/ESFP-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">表演者</a></div>
<div class="image"><img src="/themes/theme-hao/assets/images/esfp.svg"
style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/"
rel="noopener nofollow" target="_blank">16personalities</a>
了解更多关于 <a
rel="noopener external nofollow"
target="_blank"
th:href="@{'https://www.16personalities.com/ch/ESFP-%E4%BA%BA%E6%A0%BC'}">表演者</a>
</div>
</th:block>
<th:block th:if="${personality == 'infj'}">
<span class="author-content-item-title">提倡者</span>
<div class="title2" style="color: #56a178;">INFJ</div>
<div class="image"><img src="/themes/theme-hao/assets/images/infj.svg" style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/INFJ-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">提倡者</a></div>
</th:block>
<div class="image"><img src="/themes/theme-hao/assets/images/infj.svg"
style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/"
rel="noopener nofollow" target="_blank">16personalities</a>
了解更多关于 <a
rel="noopener external nofollow"
target="_blank"
th:href="@{'https://www.16personalities.com/ch/INFJ-%E4%BA%BA%E6%A0%BC'}">提倡者</a>
</div>
</th:block>
<th:block th:if="${personality == 'istj'}">
<span class="author-content-item-title">物流师</span>
<div class="title2" style="color: #56a178;">ISTJ</div>
<div class="image"><img src="/themes/theme-hao/assets/images/istj.svg" style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/ISTJ-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">物流师</a></div>
<div class="image"><img src="/themes/theme-hao/assets/images/istj.svg"
style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/"
rel="noopener nofollow" target="_blank">16personalities</a>
了解更多关于 <a
rel="noopener external nofollow"
target="_blank"
th:href="@{'https://www.16personalities.com/ch/ISTJ-%E4%BA%BA%E6%A0%BC'}">物流师</a>
</div>
</th:block>
<th:block th:if="${personality == 'istp'}">
<span class="author-content-item-title">鉴赏家</span>
<div class="title2" style="color: #56a178;">ISTP</div>
<div class="image"><img src="/themes/theme-hao/assets/images/istp.svg" style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/ISTP-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">鉴赏家</a></div>
<div class="image"><img src="/themes/theme-hao/assets/images/istp.svg"
style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/"
rel="noopener nofollow" target="_blank">16personalities</a>
了解更多关于 <a
rel="noopener external nofollow"
target="_blank"
th:href="@{'https://www.16personalities.com/ch/ISTP-%E4%BA%BA%E6%A0%BC'}">鉴赏家</a>
</div>
</th:block>
<th:block th:if="${personality == 'isfj'}">
<span class="author-content-item-title">守卫者</span>
<div class="title2" style="color: #56a178;">ISFJ</div>
<div class="image"><img src="/themes/theme-hao/assets/images/isfj.svg" style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/ISFJ-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">守卫者</a></div>
<div class="image"><img src="/themes/theme-hao/assets/images/isfj.svg"
style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/"
rel="noopener nofollow" target="_blank">16personalities</a>
了解更多关于 <a
rel="noopener external nofollow"
target="_blank"
th:href="@{'https://www.16personalities.com/ch/ISFJ-%E4%BA%BA%E6%A0%BC'}">守卫者</a>
</div>
</th:block>
<th:block th:if="${personality == 'isfp'}">
<span class="author-content-item-title">探险家</span>
<div class="title2" style="color: #56a178;">ISFP</div>
<div class="image"><img src="/themes/theme-hao/assets/images/isfp.svg" style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/ISFP-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">探险家</a></div>
<div class="image"><img src="/themes/theme-hao/assets/images/isfp.svg"
style="transform: rotateY(180deg);"></div>
<div class="post-tips"><a href="https://www.16personalities.com/"
rel="noopener nofollow" target="_blank">16personalities</a>
了解更多关于 <a
rel="noopener external nofollow"
target="_blank"
th:href="@{'https://www.16personalities.com/ch/ISFP-%E4%BA%BA%E6%A0%BC'}">探险家</a>
</div>
</th:block>
</div>
<div class="author-content-item myphoto"><img alt="自拍" class="author-content-img" src="https://p.zhheo.com/2023788ba3b8739936f844e64f483faacaf1085602.png!cover">
<div class="author-content-item myphoto"><img alt="自拍" class="author-content-img"
th:src="${theme.config.about.authorCareersPhoto}">
</div>
</div>
@ -507,16 +616,23 @@
<div class="author-content">
<div class="author-content-item maxim">
<div class="author-content-item-tips">座右铭</div>
<span class="maxim-title"><span
style="opacity: 0.6;margin-bottom:8px;">荆棘之路,</span><span>劈风斩浪。</span></span>
<span class="maxim-title">
<span style="opacity: 0.6;margin-bottom:8px;">荆棘之路,</span>
<span>劈风斩浪。</span>
</span>
</div>
<div class="author-content-item buff">
<div class="card-content">
<div class="author-content-item-tips">特长</div>
<span class="buff-title"><span style="opacity: 0.6;margin-bottom:8px;">玄学流电脑疑难问题解决<span
class="inline-word">专家</span></span><span>软件学习能力<span
class="inline-word">MAX</span></span></span>
<span class="buff-title">
<span style="opacity: 0.6;margin-bottom:8px;">玄学流电脑疑难问题解决
<span class="inline-word">专家</span>
</span>
<span>软件学习能力
<span class="inline-word">MAX</span>
</span>
</span>
</div>
</div>
</div>