困困鱼
GitHub
commit
b7dacf66e5
|
|
@ -1451,6 +1451,7 @@ spec:
|
||||||
value: <div class="author-content-item-tips">心路历程</div> <span class="author-content-item-title">为什么建站？</span> <br>创建这个站的时候，想要就是能够有一个自己能够<b>积累知识、积累兴趣</b>的地方。和他人分享，会让这些成为积累和沉淀。如果能够帮助到更多的人，帮助更多人解决问题，那一定是非常棒的事情。<br> 分享这件事我从很早就开始了，起初做的微信公众号，现在做的网站。因为我比较喜欢研究数码和软件，想要探究在互联网上的事物是如何被创造和发展。网络给我带来了非常多的知识和眼界，我也想力所能及的分享一些我生活的琐碎知识。<br>与大多数垂直类的技术博客不同，这里的种类会非常的繁杂，有<b>技能的教程干货</b>、有<b>生活上的吐槽和妙招</b>、有<b>话题上的思考和想法</b>。一般我研究什么、发现了什么都会分享在这里。<br> 这些就是创造这个小站的本意，<b>也是我分享生活的方式</b>。有幸能和你相遇在这里，相信我们能共同留下一段美好记忆。</p>
|
value: <div class="author-content-item-tips">心路历程</div> <span class="author-content-item-title">为什么建站？</span> <br>创建这个站的时候，想要就是能够有一个自己能够<b>积累知识、积累兴趣</b>的地方。和他人分享，会让这些成为积累和沉淀。如果能够帮助到更多的人，帮助更多人解决问题，那一定是非常棒的事情。<br> 分享这件事我从很早就开始了，起初做的微信公众号，现在做的网站。因为我比较喜欢研究数码和软件，想要探究在互联网上的事物是如何被创造和发展。网络给我带来了非常多的知识和眼界，我也想力所能及的分享一些我生活的琐碎知识。<br>与大多数垂直类的技术博客不同，这里的种类会非常的繁杂，有<b>技能的教程干货</b>、有<b>生活上的吐槽和妙招</b>、有<b>话题上的思考和想法</b>。一般我研究什么、发现了什么都会分享在这里。<br> 这些就是创造这个小站的本意，<b>也是我分享生活的方式</b>。有幸能和你相遇在这里，相信我们能共同留下一段美好记忆。</p>
|
||||||
help: 支持 HTML 语法
|
help: 支持 HTML 语法
|
||||||
|
|
||||||
|
|
||||||
- group: aboutReward
|
- group: aboutReward
|
||||||
label: 关于（打赏）
|
label: 关于（打赏）
|
||||||
formSchema:
|
formSchema:
|
||||||
|
|
@ -1540,6 +1541,70 @@ spec:
|
||||||
- label: 否
|
- label: 否
|
||||||
value: N
|
value: N
|
||||||
|
|
||||||
|
- group: envelope_comment
|
||||||
|
label: 留言板
|
||||||
|
formSchema:
|
||||||
|
- $formkit: text
|
||||||
|
name: title
|
||||||
|
label: 标题
|
||||||
|
placeholder: 请输入内容
|
||||||
|
value: 留言板
|
||||||
|
- $formkit: group
|
||||||
|
name: custom_pic
|
||||||
|
label: 信笺图片
|
||||||
|
value:
|
||||||
|
cover:
|
||||||
|
line:
|
||||||
|
beforeimg:
|
||||||
|
afterimg:
|
||||||
|
children:
|
||||||
|
- $formkit: attachment
|
||||||
|
name: cover
|
||||||
|
label: 头部图片
|
||||||
|
placeholder: 请输入内容
|
||||||
|
value: "https://npm.elemecdn.com/hexo-butterfly-envelope/lib/violet.jpg"
|
||||||
|
- $formkit: attachment
|
||||||
|
name: line
|
||||||
|
label: 底部图片
|
||||||
|
placeholder: 请输入内容
|
||||||
|
value: "https://npm.elemecdn.com/hexo-butterfly-envelope/lib/line.png"
|
||||||
|
- $formkit: attachment
|
||||||
|
name: beforeimg
|
||||||
|
label: 前半部分图片
|
||||||
|
placeholder: 请输入内容
|
||||||
|
value: "https://npm.elemecdn.com/hexo-butterfly-envelope/lib/before.png"
|
||||||
|
- $formkit: attachment
|
||||||
|
name: afterimg
|
||||||
|
label: 后半部分图片
|
||||||
|
placeholder: 请输入内容
|
||||||
|
value: "https://npm.elemecdn.com/hexo-butterfly-envelope/lib/after.png"
|
||||||
|
- $formkit: repeater
|
||||||
|
name: messageList
|
||||||
|
label: 正文
|
||||||
|
value:
|
||||||
|
- content: "有什么想问的？"
|
||||||
|
- content: "有什么想说的？"
|
||||||
|
- content: "有什么想吐槽的？"
|
||||||
|
- content: "哪怕是有什么想吃的，都可以告诉我哦~"
|
||||||
|
children:
|
||||||
|
- $formkit: text
|
||||||
|
name: content
|
||||||
|
label: 内容
|
||||||
|
placeholder: 请输入内容
|
||||||
|
value: "有什么想问的？"
|
||||||
|
- $formkit: text
|
||||||
|
name: bottom
|
||||||
|
label: 底部文本
|
||||||
|
placeholder: 请输入内容
|
||||||
|
value: 自动书记人偶竭诚为您服务！
|
||||||
|
help: 仅支持单行文本
|
||||||
|
- $formkit: number
|
||||||
|
name: height
|
||||||
|
label: 高度
|
||||||
|
placeholder: 请输入内容
|
||||||
|
help: 信封划出的高度
|
||||||
|
value: 1024
|
||||||
|
|
||||||
- group: comments
|
- group: comments
|
||||||
label: 评论
|
label: 评论
|
||||||
formSchema:
|
formSchema:
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,167 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" th:replace="~{modules/layouts/layout :: layout(content = ~{::content}, htmlType = 'comments')}"
|
||||||
|
xmlns:th="http://www.thymeleaf.org">
|
||||||
|
|
||||||
|
<th:block th:fragment="content">
|
||||||
|
|
||||||
|
<div class="page" id="body-wrap">
|
||||||
|
|
||||||
|
<!-- 头部导航栏 -->
|
||||||
|
<header class="not-top-img" id="page-header">
|
||||||
|
<nav th:replace="~{modules/nav :: nav(title = null)}"></nav>
|
||||||
|
</header>
|
||||||
|
<main class="layout hide-aside" id="content-inner">
|
||||||
|
<div id="page">
|
||||||
|
<h1 >[[${theme.config.envelope_comment.title}]]</h1>
|
||||||
|
<div id="article-container">
|
||||||
|
<style>
|
||||||
|
@media screen and (max-width:600px) {
|
||||||
|
|
||||||
|
#afterimg,
|
||||||
|
#beforeimg {
|
||||||
|
display: none !important
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width:600px) {
|
||||||
|
#article-container img {
|
||||||
|
margin: 0 auto 0
|
||||||
|
}
|
||||||
|
|
||||||
|
#form-wrap {
|
||||||
|
overflow: hidden;
|
||||||
|
height: 447px;
|
||||||
|
position: relative;
|
||||||
|
top: 0;
|
||||||
|
transition: all 1s ease-in-out .3s;
|
||||||
|
z-index: 0
|
||||||
|
}
|
||||||
|
|
||||||
|
#form-wrap:hover {
|
||||||
|
height: [[${theme.config.envelope_comment.height}]]px;
|
||||||
|
top: -200px
|
||||||
|
}
|
||||||
|
|
||||||
|
#beforeimg {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 126px;
|
||||||
|
left: 0;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
width: 530px;
|
||||||
|
height: 317px;
|
||||||
|
z-index: -100;
|
||||||
|
pointer-events: none
|
||||||
|
}
|
||||||
|
|
||||||
|
#afterimg {
|
||||||
|
position: absolute;
|
||||||
|
bottom: -2px;
|
||||||
|
left: 0;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
width: 530px;
|
||||||
|
height: 259px;
|
||||||
|
z-index: 100;
|
||||||
|
pointer-events: none
|
||||||
|
}
|
||||||
|
|
||||||
|
#envelope {
|
||||||
|
position: relative;
|
||||||
|
overflow: visible;
|
||||||
|
width: 500px;
|
||||||
|
margin: 0 auto;
|
||||||
|
transition: all 1s ease-in-out .3s;
|
||||||
|
padding-top: 200px
|
||||||
|
}
|
||||||
|
|
||||||
|
#maincontent {
|
||||||
|
width: 530px;
|
||||||
|
margin: 20px auto 0
|
||||||
|
}
|
||||||
|
|
||||||
|
.formmain {
|
||||||
|
background: #fff;
|
||||||
|
width: 95%;
|
||||||
|
max-width: 800px;
|
||||||
|
margin: auto auto;
|
||||||
|
border-radius: 5px;
|
||||||
|
border: 1px solid;
|
||||||
|
overflow: hidden;
|
||||||
|
-webkit-box-shadow: 0 0 20px 0 #000;
|
||||||
|
box-shadow: 0 0 20px 0 #000
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
[data-theme=dark] .formmain {
|
||||||
|
background: #323232
|
||||||
|
}
|
||||||
|
|
||||||
|
[data-theme=dark] .comments {
|
||||||
|
background: #5a5a5a !important
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<div id="maincontent">
|
||||||
|
<div id="form-wrap"><img class="no-lightbox entered loaded" id="beforeimg"
|
||||||
|
th:src="@{${theme.config.envelope_comment.custom_pic.beforeimg}}">
|
||||||
|
<div id="envelope">
|
||||||
|
<form>
|
||||||
|
<div class="formmain" style="pointer-events:none"><img
|
||||||
|
class="headerimg no-lightbox entered loaded"
|
||||||
|
th:src="@{${theme.config.envelope_comment.custom_pic.cover}}"
|
||||||
|
style="width:100%;overflow:hidden;pointer-events:none"
|
||||||
|
>
|
||||||
|
<div class="comments-main">
|
||||||
|
<h3 class="title3"
|
||||||
|
style="text-decoration:none;color:$theme-color;text-align:center">
|
||||||
|
来自[[${site.title}]]的留言:</h3>
|
||||||
|
<div class="comments"
|
||||||
|
style="text-align:center;border-bottom:#ddd 1px solid;border-left:#ddd 1px solid;padding-bottom:20px;background-color:#eee;margin:15px 0;padding-left:20px;padding-right:20px;border-top:#ddd 1px solid;border-right:#ddd 1px solid;padding-top:20px"
|
||||||
|
th:with="message = ${theme.config.envelope_comment.messageList}">
|
||||||
|
|
||||||
|
<div th:each="data : ${message}">[[${data.content}]]</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="bottomcontent" style="text-align:center;margin-top:40px"><img
|
||||||
|
class="bottomimg no-lightbox entered loaded"
|
||||||
|
th:src="@{${theme.config.envelope_comment.custom_pic.line}}"
|
||||||
|
style="width:100%;margin:5px auto 5px auto;display:block;pointer-events:none"
|
||||||
|
></div>
|
||||||
|
<p class="bottomhr" style="font-size:12px;text-align:center;color:#999">
|
||||||
|
[[${theme.config.envelope_comment.bottom}]]</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div><img class="no-lightbox entered loaded" id="afterimg"
|
||||||
|
th:src="@{${theme.config.envelope_comment.custom_pic.afterimg}}" >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<hr>
|
||||||
|
<!-- 评论模块 -->
|
||||||
|
<th:block
|
||||||
|
th:if="${theme.config.comments.twikooEnable && #strings.equals(theme.config.comments.use, 'Twikoo') && not #strings.isEmpty(theme.config.comments.twikoos.envId)}">
|
||||||
|
<div th:replace="~{modules/twikoo :: twikoo}"></div>
|
||||||
|
</th:block>
|
||||||
|
<div id="post-comment"
|
||||||
|
th:if="${pluginFinder.available('PluginCommentWidget') && #strings.equals(theme.config.comments.use, 'commentWidget')}">
|
||||||
|
<div class="comment-head">
|
||||||
|
<div class="comment-headline"><i class="iconfont icon-comment-alt"></i> <span>评论</span></div>
|
||||||
|
<div class="comment-privacy"><a href="/privacy">隐私政策</a></div>
|
||||||
|
<div class="comment-tips" id="comment-tips">
|
||||||
|
<span>你无需删除空行，直接评论以获取最佳展示效果</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<halo:comment group="content.halo.run" kind="SinglePage" th:attr="name='links'"
|
||||||
|
colorScheme="document.documentElement.getAttribute('data-theme')"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</main>
|
||||||
|
<!-- 底部 -->
|
||||||
|
<footer th:replace="~{modules/footer :: footer}"></footer>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</th:block>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -323,6 +323,9 @@
|
||||||
case 'music':
|
case 'music':
|
||||||
title = '音乐馆'
|
title = '音乐馆'
|
||||||
break;
|
break;
|
||||||
|
case 'comments':
|
||||||
|
title = '留言板'
|
||||||
|
break;
|
||||||
|
|
||||||
}
|
}
|
||||||
if (title != '')
|
if (title != '')
|
||||||
|
|
|
||||||
|
|
@ -25,6 +25,10 @@ spec:
|
||||||
description: 404 not found
|
description: 404 not found
|
||||||
screenshot:
|
screenshot:
|
||||||
file: 404.html
|
file: 404.html
|
||||||
|
- name: 留言板页面模版
|
||||||
|
description: 留言板页面
|
||||||
|
screenshot:
|
||||||
|
file: comments.html
|
||||||
description: Halo 2.x Theme base on Thymeleaf, Referring to Butterfly and Heo
|
description: Halo 2.x Theme base on Thymeleaf, Referring to Butterfly and Heo
|
||||||
logo: https://liuzhihang.com/upload/logo.jpg
|
logo: https://liuzhihang.com/upload/logo.jpg
|
||||||
website: https://liuzhihang.com
|
website: https://liuzhihang.com
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue