github
/
halo-theme-hao
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #9 from liuzhihang/dev 

自定义首页欢迎弹窗
This commit is contained in:
liuzhihang 2022-11-13 21:52:54 +08:00 committed by GitHub
parent cdda2f1441 88b1bdbebb
commit 6a1abc915d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
14 changed files with 146 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -33,7 +33,7 @@
- [x] 文章阅读模式
- [X] [文章目录](https://github.com/liuzhihang/plugin-tocbot)（插件）
- [X] [代码高亮/语言/复制](https://github.com/liuzhihang/plugin-prismjs)（插件）
- [ ] 文章搜索
- [x] [文章搜索](https://github.com/halo-sigs/plugin-search-widget)
- [x] 显示字数统计
- [x] 显示相关文章
- [x] 文章过期提醒

45
settings.yaml
View File

@ -196,6 +196,11 @@ spec:
label: ICP 备案
placeholder: 请输入 ICP 备案号
help: "京ICP备xxxxxxxx号"
- $formkit: url
name: copyrightAgreement
label: 版权协议
placeholder: "请输入版权协议地址"
help: '文章模块声明版权，也会使用此协议'
- group: post
label: 文章
formSchema:
@ -209,15 +214,47 @@ spec:
- label: 关闭
value: false
help: "文章底部显示版权声明模块"
- $formkit: url
name: copyrightAgreement
label: 版权协议
placeholder: "请输入版权协议地址"
- $formkit: textarea
name: copyrightInfo
label: 版权声明
placeholder: '本文是原创文章，采用 <a target="_blank" href="/cc">CC BY-NC-ND 4.0</a> 协议，完整转载请注明来自 <a href="/" target="_blank" >程序员小航</a>'
help: "版权声明内容，支持填入 HTML 标签"
- group: snackbar
label: 弹窗
help: 右下角 snackbar 弹窗
formSchema:
- $formkit: radio
name: switch
label: 开关（WIP）
value: true
options:
- label: 打开
value: true
- label: 关闭
value: false
- $formkit: radio
name: introduction
label: 介绍框（WIP）
value: true
options:
- label: 打开
value: true
- label: 关闭
value: false
- $formkit: text
name: introductionTitle
label: 介绍框标题
value: '欢迎使用主题 Hao'
- $formkit: text
name: introductionTip
label: 介绍框内容
value: '⭐️ Star halo-theme-hao，提交主题建议或意见。'
- $formkit: url
name: introductionUrl
validation: "url"
value: "https://github.com/liuzhihang/halo-theme-hao"
label: 介绍框点击跳转地址
placeholder: 请输入跳转 url
- group: rightMenu
label: 右键菜单
formSchema:

6
templates/assets/js/heo.js
View File

@ -82,7 +82,7 @@ var heo = {
if (scrollTop != 0) {
document.getElementById("page-header").classList.add("nav-fixed");
document.getElementById("page-header").classList.add("nav-visible");
$('#cookies-window').hide()
$('#introduction-window').hide()
console.log("已添加class")
}
},
@ -301,9 +301,9 @@ var heo = {
//隐藏cookie窗口
hidecookie: function () {
heo_cookiesTime = setTimeout(() => {
document.getElementById("cookies-window").classList.add('cw-hide');
document.getElementById("introduction-window").classList.add('cw-hide');
setTimeout(() => {
$('#cookies-window').hide()
$('#introduction-window').hide()
}, 1000)
}, 3000)
},

2
templates/assets/js/main.js
View File

@ -348,7 +348,7 @@ document.addEventListener('DOMContentLoaded', function () {
let isChatShow = true
const $header = document.getElementById('page-header')
const $gulitop = document.getElementById('guli_top')
const $cookies_window = document.getElementById('cookies-window')
const $cookies_window = document.getElementById('introduction-window')
const isChatBtnHide = typeof chatBtnHide === 'function'
const isChatBtnShow = typeof chatBtnShow === 'function'
window.addEventListener('scroll', btf.throttle(function (e) {

26
templates/assets/libs/iconfont/iconfont.css
View File

@ -1,8 +1,8 @@
@font-face {
font-family: "iconfont"; /* Project id 3736806 */
src: url('iconfont.woff2?t=1668096101462') format('woff2'),
url('iconfont.woff?t=1668096101462') format('woff'),
url('iconfont.ttf?t=1668096101462') format('truetype');
src: url('iconfont.woff2?t=1668315437111') format('woff2'),
url('iconfont.woff?t=1668315437111') format('woff'),
url('iconfont.ttf?t=1668315437111') format('truetype');
}
.iconfont {
@ -13,6 +13,26 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-by:before {
content: "\e601";
}
.icon-cc:before {
content: "\e602";
}
.icon-nc:before {
content: "\e603";
}
.icon-nd:before {
content: "\e604";
}
.icon-HAO:before {
content: "\e60e";
}
.icon-logo-hao-pro:before {
content: "\f290";
}

2
templates/assets/libs/iconfont/iconfont.js
View File

File diff suppressed because one or more lines are too long

35
templates/assets/libs/iconfont/iconfont.json
View File

@ -5,6 +5,41 @@
"css_prefix_text": "icon-",
"description": "",
"glyphs": [
{
"icon_id": "12095053",
"name": "by",
"font_class": "by",
"unicode": "e601",
"unicode_decimal": 58881
},
{
"icon_id": "12095056",
"name": "cc",
"font_class": "cc",
"unicode": "e602",
"unicode_decimal": 58882
},
{
"icon_id": "12095063",
"name": "nc",
"font_class": "nc",
"unicode": "e603",
"unicode_decimal": 58883
},
{
"icon_id": "12095066",
"name": "nd",
"font_class": "nd",
"unicode": "e604",
"unicode_decimal": 58884
},
{
"icon_id": "32816778",
"name": "HAO",
"font_class": "HAO",
"unicode": "e60e",
"unicode_decimal": 58894
},
{
"icon_id": "32796142",
"name": "logo-hao-copy",

BIN
templates/assets/libs/iconfont/iconfont.ttf
View File

Binary file not shown.

BIN
templates/assets/libs/iconfont/iconfont.woff
View File

Binary file not shown.

BIN
templates/assets/libs/iconfont/iconfont.woff2
View File

Binary file not shown.

12
templates/assets/zhheo/zhheoblog.css
View File

@ -7955,7 +7955,7 @@ span.fund_name {
}
/* cookies */
#cookies-window {
#introduction-window {
min-width: 300px;
background: var(--heo-maskbgdeep);
color: var(--heo-fontcolor);
@ -7975,20 +7975,20 @@ span.fund_name {
animation: barrageIn 0.6s cubic-bezier(0.42, 0, 0.3, 1.11);
}
#cookies-window.cw-hide {
#introduction-window.cw-hide {
opacity: 0;
animation: barrageOut 0.6s cubic-bezier(0.42, 0, 0.3, 1.11);
z-index: -1;
}
#cookies-window .cookies-window-title {
#introduction-window .introduction-window-title {
padding-bottom: 4px;
border-bottom: var(--style-border);
font-size: 12px;
font-weight: bold;
}
#cookies-window .cookies-window-content {
#introduction-window .introduction-window-content {
font-size: 14px;
display: flex;
justify-content: space-around;
@ -8000,13 +8000,13 @@ span.fund_name {
font-weight: bold;
}
.cookies-link {
.introduction-link {
margin-left: auto;
font-size: 16px;
}
@media screen and (max-width: 1300px) {
#cookies-window {
#introduction-window {
display: none;
}
}

29
templates/modules/footer.html
View File

@ -44,28 +44,33 @@
</div>
</div>
<div class="footer-banner-right">
<a class="footer-banner-link" href="/rss">订阅</a>
<!-- 订阅 需要 RSS 插件支持 -->
<!--<a class="footer-banner-link" href="/rss">订阅</a>-->
<a class="footer-banner-link" href="https://github.com/liuzhihang/halo-theme-hao">主题</a>
<a class="footer-banner-link" href="/about">关于</a>
<a class="footer-banner-link" href="https://beian.miit.gov.cn/#/Integrated/index"
rel="noopener external nofollow noreferrer noopener" target="_blank">[[${theme.config.footer.icp}]]
</a>
<a class="footer-banner-link cc" href="/cc" title="cc协议">
<i class="iconfont icon-occ"></i>
<i class="iconfont icon-occ-by"></i>
<i class="iconfont icon-onc"></i>
<i class="iconfont icon-ond"></i>
<a class="footer-banner-link cc"
th:href="${theme.config.footer.copyrightAgreement}"
th:if="${not #strings.isEmpty(theme.config.post.copyrightAgreement)}"
title="cc协议">
<i class="iconfont icon-cc"></i>
<i class="iconfont icon-by"></i>
<i class="iconfont icon-nc"></i>
<i class="iconfont icon-nd"></i>
</a>
</div>
</div>
</div>
<!-- 暂时不需要弹窗 -->
<div id="cookies-window">
<div class="cookies-window-title">协议提醒助手</div>
<div class="cookies-window-content">
<span class="cookies-tip">查看本站为你的个人隐私做出的努力</span>
<a class="cookies-link" href="privacy/index.html" title="本站如何保护你的隐私">
<i class="fas fa-arrow-circle-right"></i>
<div id="introduction-window">
<div class="introduction-window-title" th:text="${theme.config.snackbar.introductionTitle}"></div>
<div class="introduction-window-content">
<span class="introduction-tip" th:text="${theme.config.snackbar.introductionTip}"></span>
<a class="introduction-link" target="_blank" title="点击查看"
th:href="@{${theme.config.snackbar.introductionUrl}}">
<i class="iconfont icon-arrow-circle-right"></i>
</a>
</div>
</div>

34
templates/modules/widgets/nav-right.html
View File

@ -7,18 +7,18 @@
<!-- 功能都需要添加开关 -->
<!-- 随机友链 -->
<div class="nav-button only-home" id="travellings_button">
<a class="site-page" href="javascript:void(0);" rel="external nofollow"
title="友链">
<i class="iconfont icon-bus" style="font-size:1rem"></i>
</a>
</div>
<!--<div class="nav-button only-home" id="travellings_button">-->
<!-- <a class="site-page" href="javascript:void(0);" rel="external nofollow"-->
<!-- title="友链">-->
<!-- <i class="iconfont icon-bus" style="font-size:1rem"></i>-->
<!-- </a>-->
<!--</div>-->
<div class="nav-button">
<a class="site-page" href="javascript:void(0);" title="随机文章">
<i class="iconfont icon-shuffle" style="font-size:1rem"></i>
</a>
</div>
<!--<div class="nav-button">-->
<!-- <a class="site-page" href="javascript:void(0);" title="随机文章">-->
<!-- <i class="iconfont icon-shuffle" style="font-size:1rem"></i>-->
<!-- </a>-->
<!--</div>-->
<!-- 搜索使用搜索插件 -->
<div class="nav-button" id="search-button" th:if="${pluginFinder.available('PluginSearchWidget')}">
@ -28,12 +28,12 @@
</div>
<!-- 控制台 -->
<div class="nav-button">
<a class="console_switchbutton" href="javascript:void(0);" onclick="heo.showConsole()" rel="external nofollow"
title="控制台">
<i class="iconfont icon-a-theconsole-fill" style="font-size:1rem"></i>
</a>
</div>
<!--<div class="nav-button">-->
<!-- <a class="console_switchbutton" href="javascript:void(0);" onclick="heo.showConsole()" rel="external nofollow"-->
<!-- title="控制台">-->
<!-- <i class="iconfont icon-a-theconsole-fill" style="font-size:1rem"></i>-->
<!-- </a>-->
<!--</div>-->
<div class="nav-button" id="nav-totop" onclick="btf.scrollToDest(0,500)">
<a class="totopbtn">

2
theme.yaml
View File

@ -13,5 +13,5 @@ spec:
repo: 'https://github.com/liuzhihang/halo-theme-hao'
settingName: "theme-hao-setting"
configMapName: "theme-hao-configMap"
version: alpha.4
version: alpha.5
require: 2.0.0