Skip to content

Commit

Permalink
refactor: about.html 页面修改
Browse files Browse the repository at this point in the history
  • Loading branch information
@john1298308460
john1298308460 committed Jan 23, 2024
1 parent 442c82e commit 7e5685b
Show file tree
Hide file tree
Showing 2 changed files with 61 additions and 211 deletions.
41 changes: 41 additions & 0 deletions settings.yaml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -119,6 +119,47 @@ spec:
- group: about
label: 关于
formSchema:
- $formkit: repeater
name: top_desc
id: top_desc
key: top_desc
label: 顶部描述
value:
- desc: 这是一段描述1
- desc: 这是一段描述2
children:
- $formkit: text
name: desc
label: 顶部描述内容
value:
- $formkit: repeater
name: content
label: 内容描述
value:
- h2_desc: 这是一段描述1
items:
- desc: 描述1下子列表1
- desc: 描述1下子列表2
- desc: 描述1下子列表3
- h2_desc: 这是一段描述2
items:
- desc: 描述2下子列表2
- desc: 描述2下子列表2
- desc: 描述2下子列表2
children:
- $formkit: text
name: h2_desc
label: h2 标题描述
value:
- $formkit: repeater
name: items
label: 描述下子列表
value: [ ]
children:
- $formkit: text
name: desc
label: 列表单行描述
value: ""
- $formkit: text
name: themeName
label: 主题名称
Expand Down
231 changes: 20 additions & 211 deletions templates/about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,220 +10,30 @@ <h1 class="single-title animate__animated animate__pulse animate__faster">
</h1>
<div class=content id=content>
<blockquote>
<p>
<a href=https://github.com/dillonzq/LoveIt target=_blank rel="noopener noreffer">
&nbsp;<th:block th:text="${theme.config.about.themeName}"></th:block>
</a>
是一个
<strong>
简洁
</strong>
、
<strong>
优雅
</strong>
且
<strong>
高效
</strong>
的
<a href=https://github.com/halo-dev/halo target=_blank rel="noopener noreffer">
Halo 2.0
</a>
博客主题。
</p>
<p>
移植于
<a href=https://gohugo.io/ target=_blank rel="noopener noreffer">
Hugo
</a>
的
<a href=https://github.com/dillonzq/LoveIt target=_blank rel="noopener noreffer">
LoveIt 主题
</a>
。
它的原型基于
<a href=https://github.com/liuzc/LeaveIt target=_blank rel="noopener noreffer">
LeaveIt 主题
</a>
和
<a href=https://github.com/Fastbyte01/KeepIt target=_blank rel="noopener noreffer">
KeepIt 主题
</a>
。
<p th:each="desc : ${theme.config.about.top_desc}">
<th:block th:text="${desc.desc}"></th:block>
</p>
</blockquote>
<p>
<figure>
<img class=lazyload th:src="${theme.config.about.themeImg}"
data-sizes=auto th:alt="${theme.config.about.themeImg}" width=3200 height=2048>
<figcaption class=image-caption>
<th:block th:text="${theme.config.about.imgDesc}"></th:block>
</figcaption>
</figure>
</p>
<h2 id=安装>
安装
</h2>
<h3 id=下载安装>
下载安装
</h3>
<ul>
<li>
<i class="fa fa-download" aria-hidden="true"></i>
&nbsp;下载
<a href=https://github.com/f2ccloud/theme-clear target=_blank rel="noopener noreffer">
releases
</a>
通过 Halo Console 后台主题安装处上传即可。
</li>
</ul>
<h3 id=外观和布局>
外观和布局
</h3>
<ul>
<li>
<i class="fas fa-circle-half-stroke fa-rotate-180 fa-fw" aria-hidden=true>
</i>
&nbsp;
<strong>
<sup>
浅色
</sup>
/
<sub>
深色
</sub>
</strong>
主题模式
</li>
<li>
<i class="fas fa-layer-group fa-fw" aria-hidden=true>
</i>
&nbsp;全局一致的
<strong>
设计语言
</strong>
</li>
<li>
<i class="fas fa-ellipsis-h fa-fw" aria-hidden=true>
</i>
&nbsp;支持
<strong>
分页
</strong>
</li>
<li>
<i class="fab fa-css3-alt fa-fw" aria-hidden=true>
</i>
&nbsp;美观的
<strong>
CSS 动画
</strong>
</li>
<li>
<i class="fa fa-file-text-o" aria-hidden=true>
</i>
&nbsp;显示文章
<strong>
字数统计
</strong>
</li>
</ul>
<h3 id=社交和评论系统>
社交和评论系统
</h3>
<ul>
<li>
<i class="fas fa-comment-dots fa-fw" aria-hidden=true>
</i>
&nbsp;支持
<a href=https://github.com/halo-dev/plugin-comment-widget target=_blank rel="noopener noreffer">
Halo 评论插件
</a>
评论系统
</li>
</ul>
<h3 id=扩展功能>
扩展功能
</h3>
<ul>
<li>
<i class="fas fa-search fa-fw" aria-hidden=true>
</i>
&nbsp;支持基于
<a href=https://github.com/halo-dev/plugin-search-widget target=_blank rel="noopener noreffer">
Halo 搜索插件
</a>
的
<strong>
搜索
</strong>
</li>
<li>
<i class="fas fa-code fa-fw" aria-hidden=true>
</i>
&nbsp;支持
<strong>
代码高亮
</strong>
</li>
<li>
<i class="fab fa-font-awesome fa-fw" aria-hidden=true>
</i>
&nbsp;支持
<a href=https://fontawesome.com/ target=_blank rel="noopener noreffer">
Font Awesome
</a>
图标
</li>
<li>
<i class="fas fa-i-cursor fa-fw" aria-hidden=true>
</i>
&nbsp;支持基于
<a href=https://typeitjs.com/ target=_blank rel="noopener noreffer">
TypeIt
</a>
的
<strong>
打字动画
</strong>
shortcode
</li>
<li>
&mldr;
</li>
</ul>
<h2 id=许可协议>
许可协议
</h2>
<p>
Clear 主题根据
<strong>
MIT
</strong>
许可协议授权。
</p>
<p>
更多信息请查看
<a href=https://github.com/dillonzq/LoveIt/blob/master/LICENSE target=_blank
rel="noopener noreffer">
LICENSE 文件
</a>
。
</p>
<h2 id=其他>
其他
</h2>
<p>
如果你对主题有什么建议或者意见，欢迎评论区留言，或者提
<a href=https://github.com/f2ccloud/theme-clear target=_blank rel="noopener noreffer">
PR & issue
</a>
。
<figure>
<img class=lazyload th:src="${theme.config.about.themeImg}"
data-sizes=auto th:alt="${theme.config.about.themeImg}" width=3200 height=2048>
<figcaption class=image-caption>
<th:block th:text="${theme.config.about.imgDesc}"></th:block>
</figcaption>
</figure>
</p>
<th:block th:each="content : ${theme.config.about.content}">
<h2>
<th:block th:text="${content.h2_desc}"></th:block>
</h2>
<ul>
<li th:each="item : ${content.items}">
<th:block th:text="${item.desc}"></th:block>
</li>
</ul>
</th:block>
</div>

<!-- 后续做评论组件 -->
<div id=comments class=comment>
<halo:comment
Expand All @@ -234,8 +44,7 @@ <h2 id=其他>
/>
</div>
</div>



</th:block>
</html>

Expand Down

0 comments on commit 7e5685b

Please sign in to comment.