Skip to content

Commit 7e5685b

Browse files
john1298308460john1298308460
committed
refactor: about.html 页面修改
1 parent 442c82e commit 7e5685b

File tree

2 files changed

+61
-211
lines changed

2 files changed

+61
-211
lines changed

‎settings.yaml‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -119,6 +119,47 @@ spec:
119119
- group: about
120120
label: 关于
121121
formSchema:
122+
- $formkit: repeater
123+
name: top_desc
124+
id: top_desc
125+
key: top_desc
126+
label: 顶部描述
127+
value:
128+
- desc: 这是一段描述1
129+
- desc: 这是一段描述2
130+
children:
131+
- $formkit: text
132+
name: desc
133+
label: 顶部描述内容
134+
value:
135+
- $formkit: repeater
136+
name: content
137+
label: 内容描述
138+
value:
139+
- h2_desc: 这是一段描述1
140+
items:
141+
- desc: 描述1下子列表1
142+
- desc: 描述1下子列表2
143+
- desc: 描述1下子列表3
144+
- h2_desc: 这是一段描述2
145+
items:
146+
- desc: 描述2下子列表2
147+
- desc: 描述2下子列表2
148+
- desc: 描述2下子列表2
149+
children:
150+
- $formkit: text
151+
name: h2_desc
152+
label: h2 标题描述
153+
value:
154+
- $formkit: repeater
155+
name: items
156+
label: 描述下子列表
157+
value: [ ]
158+
children:
159+
- $formkit: text
160+
name: desc
161+
label: 列表单行描述
162+
value: ""
122163
- $formkit: text
123164
name: themeName
124165
label: 主题名称

‎templates/about.html‎

Lines changed: 20 additions & 211 deletions
Original file line numberDiff line numberDiff line change
@@ -10,220 +10,30 @@ <h1 class="single-title animate__animated animate__pulse animate__faster">
1010
</h1>
1111
<div class=content id=content>
1212
<blockquote>
13-
<p>
14-
<a href=https://github.com/dillonzq/LoveIt target=_blank rel="noopener noreffer">
15-
&nbsp;<th:block th:text="${theme.config.about.themeName}"></th:block>
16-
</a>
17-
是一个
18-
<strong>
19-
简洁
20-
</strong>
21-
、
22-
<strong>
23-
优雅
24-
</strong>
25-
且
26-
<strong>
27-
高效
28-
</strong>
29-
的
30-
<a href=https://github.com/halo-dev/halo target=_blank rel="noopener noreffer">
31-
Halo 2.0
32-
</a>
33-
博客主题。
34-
</p>
35-
<p>
36-
移植于
37-
<a href=https://gohugo.io/ target=_blank rel="noopener noreffer">
38-
Hugo
39-
</a>
40-
的
41-
<a href=https://github.com/dillonzq/LoveIt target=_blank rel="noopener noreffer">
42-
LoveIt 主题
43-
</a>
44-
。
45-
它的原型基于
46-
<a href=https://github.com/liuzc/LeaveIt target=_blank rel="noopener noreffer">
47-
LeaveIt 主题
48-
</a>
49-
和
50-
<a href=https://github.com/Fastbyte01/KeepIt target=_blank rel="noopener noreffer">
51-
KeepIt 主题
52-
</a>
53-
。
13+
<p th:each="desc : ${theme.config.about.top_desc}">
14+
<th:block th:text="${desc.desc}"></th:block>
5415
</p>
5516
</blockquote>
5617
<p>
57-
<figure>
58-
<img class=lazyload th:src="${theme.config.about.themeImg}"
59-
data-sizes=auto th:alt="${theme.config.about.themeImg}" width=3200 height=2048>
60-
<figcaption class=image-caption>
61-
<th:block th:text="${theme.config.about.imgDesc}"></th:block>
62-
</figcaption>
63-
</figure>
64-
</p>
65-
<h2 id=安装>
66-
安装
67-
</h2>
68-
<h3 id=下载安装>
69-
下载安装
70-
</h3>
71-
<ul>
72-
<li>
73-
<i class="fa fa-download" aria-hidden="true"></i>
74-
&nbsp;下载
75-
<a href=https://github.com/f2ccloud/theme-clear target=_blank rel="noopener noreffer">
76-
releases
77-
</a>
78-
通过 Halo Console 后台主题安装处上传即可。
79-
</li>
80-
</ul>
81-
<h3 id=外观和布局>
82-
外观和布局
83-
</h3>
84-
<ul>
85-
<li>
86-
<i class="fas fa-circle-half-stroke fa-rotate-180 fa-fw" aria-hidden=true>
87-
</i>
88-
&nbsp;
89-
<strong>
90-
<sup>
91-
浅色
92-
</sup>
93-
/
94-
<sub>
95-
深色
96-
</sub>
97-
</strong>
98-
主题模式
99-
</li>
100-
<li>
101-
<i class="fas fa-layer-group fa-fw" aria-hidden=true>
102-
</i>
103-
&nbsp;全局一致的
104-
<strong>
105-
设计语言
106-
</strong>
107-
</li>
108-
<li>
109-
<i class="fas fa-ellipsis-h fa-fw" aria-hidden=true>
110-
</i>
111-
&nbsp;支持
112-
<strong>
113-
分页
114-
</strong>
115-
</li>
116-
<li>
117-
<i class="fab fa-css3-alt fa-fw" aria-hidden=true>
118-
</i>
119-
&nbsp;美观的
120-
<strong>
121-
CSS 动画
122-
</strong>
123-
</li>
124-
<li>
125-
<i class="fa fa-file-text-o" aria-hidden=true>
126-
</i>
127-
&nbsp;显示文章
128-
<strong>
129-
字数统计
130-
</strong>
131-
</li>
132-
</ul>
133-
<h3 id=社交和评论系统>
134-
社交和评论系统
135-
</h3>
136-
<ul>
137-
<li>
138-
<i class="fas fa-comment-dots fa-fw" aria-hidden=true>
139-
</i>
140-
&nbsp;支持
141-
<a href=https://github.com/halo-dev/plugin-comment-widget target=_blank rel="noopener noreffer">
142-
Halo 评论插件
143-
</a>
144-
评论系统
145-
</li>
146-
</ul>
147-
<h3 id=扩展功能>
148-
扩展功能
149-
</h3>
150-
<ul>
151-
<li>
152-
<i class="fas fa-search fa-fw" aria-hidden=true>
153-
</i>
154-
&nbsp;支持基于
155-
<a href=https://github.com/halo-dev/plugin-search-widget target=_blank rel="noopener noreffer">
156-
Halo 搜索插件
157-
</a>
158-
的
159-
<strong>
160-
搜索
161-
</strong>
162-
</li>
163-
<li>
164-
<i class="fas fa-code fa-fw" aria-hidden=true>
165-
</i>
166-
&nbsp;支持
167-
<strong>
168-
代码高亮
169-
</strong>
170-
</li>
171-
<li>
172-
<i class="fab fa-font-awesome fa-fw" aria-hidden=true>
173-
</i>
174-
&nbsp;支持
175-
<a href=https://fontawesome.com/ target=_blank rel="noopener noreffer">
176-
Font Awesome
177-
</a>
178-
图标
179-
</li>
180-
<li>
181-
<i class="fas fa-i-cursor fa-fw" aria-hidden=true>
182-
</i>
183-
&nbsp;支持基于
184-
<a href=https://typeitjs.com/ target=_blank rel="noopener noreffer">
185-
TypeIt
186-
</a>
187-
的
188-
<strong>
189-
打字动画
190-
</strong>
191-
shortcode
192-
</li>
193-
<li>
194-
&mldr;
195-
</li>
196-
</ul>
197-
<h2 id=许可协议>
198-
许可协议
199-
</h2>
200-
<p>
201-
Clear 主题根据
202-
<strong>
203-
MIT
204-
</strong>
205-
许可协议授权。
206-
</p>
207-
<p>
208-
更多信息请查看
209-
<a href=https://github.com/dillonzq/LoveIt/blob/master/LICENSE target=_blank
210-
rel="noopener noreffer">
211-
LICENSE 文件
212-
</a>
213-
。
214-
</p>
215-
<h2 id=其他>
216-
其他
217-
</h2>
218-
<p>
219-
如果你对主题有什么建议或者意见，欢迎评论区留言，或者提
220-
<a href=https://github.com/f2ccloud/theme-clear target=_blank rel="noopener noreffer">
221-
PR & issue
222-
</a>
223-
。
18+
<figure>
19+
<img class=lazyload th:src="${theme.config.about.themeImg}"
20+
data-sizes=auto th:alt="${theme.config.about.themeImg}" width=3200 height=2048>
21+
<figcaption class=image-caption>
22+
<th:block th:text="${theme.config.about.imgDesc}"></th:block>
23+
</figcaption>
24+
</figure>
22425
</p>
26+
<th:block th:each="content : ${theme.config.about.content}">
27+
<h2>
28+
<th:block th:text="${content.h2_desc}"></th:block>
29+
</h2>
30+
<ul>
31+
<li th:each="item : ${content.items}">
32+
<th:block th:text="${item.desc}"></th:block>
33+
</li>
34+
</ul>
35+
</th:block>
22536
</div>
226-
22737
<!-- 后续做评论组件 -->
22838
<div id=comments class=comment>
22939
<halo:comment
@@ -234,8 +44,7 @@ <h2 id=其他>
23444
/>
23545
</div>
23646
</div>
237-
238-
47+
23948
</th:block>
24049
</html>
24150

0 commit comments

Comments
 (0)