halo-theme-hao/templates/fcircle.html
2024-04-12 14:35:37 +08:00

103 lines
5.1 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
th:replace="~{modules/layouts/layout :: layout(content = ~{::content}, htmlType = 'fcircle',title = ${singlePage.spec.title + ' | ' + site.title}, head = ~{::head} )}">
<th:block th:fragment="head">
<th:block th:replace="~{modules/common/open-graph :: open-graph(_title = ${singlePage.spec.title},
_permalink = ${singlePage.status.permalink},
_cover = ${singlePage.spec.cover},
_excerpt = ${singlePage.status.excerpt},
_type = 'website')}"></th:block>
</th:block>
<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 = ${singlePage.spec.title})}"></nav>
</header>
<main class="layout hide-aside" id="content-inner">
<div id="page">
<div th:replace="~{macro/author-content :: author-content(background = ${singlePage.spec.cover},
smallTitle = '友链',
bigTitle = ${singlePage.spec.title},
detail = ${singlePage.spec.excerpt.raw},
buttonUrl = ${theme.config.fcircle.buttonUrl},
buttonTitle = ${theme.config.fcircle.buttonTitle})}" ></div>
<!--钓鱼-->
<th:block th:if="${theme.config.fcircle.fcircleRandomFriendsEnable}" >
<div class="title-h2-a">
<div class="title-h2-a-left">
<h2 style="padding-top:0;margin:.6rem 0 .6rem">🎣 钓鱼</h2><a class="random-post-start"
href="javascript:fetchRandomPost();"><i
class="haofont hao-icon-arrow-rotate-right"></i></a>
</div>
<div th:if="${not #strings.isEmpty(theme.config.link.linksUrl)}" class="title-h2-a-right">
<a class="random-post-all" th:href="${theme.config.link.linksUrl}">全部友链</a>
</div>
</div>
<div id="random-post"></div>
<script type="text/javascript">
var fdataUser = {
apiurl: "[(${theme.config.fcircle.apiurl})]",
defaultFish: 500,
hungryFish: 500,
}
</script>
<script th:src="${assets_link + '/libs/moments/random-friends-post.js'}"></script>
</th:block>
<!--鱼塘-->
<!-- <div id="hexo-circle-of-friends-root"></div>
<script defer data-pjax src="https://cdn.yzczi.com/anzhiyu-blog-static%401.0.0/friends_vue/index2.js"></script> -->
<div class="title-h2-a">
<div class="title-h2-a-left"><h2 style="padding-top: 0;margin:0.6rem 0 0.6rem;">🐟 鱼塘</h2></div>
<div class="title-h2-a-right"><span>以下内容自动生成,未经过审核</span></div>
</div>
<div id="hexo-circle-of-friends-root"></div>
<script type="text/javascript">
var UserConfig = {
// 填写你的api地址
private_api_url: "[(${theme.config.fcircle.apiurl})]",
// 点击加载更多时一次最多加载几篇文章默认10
page_turning_number: 12,
// 头像加载失败时,默认头像地址
error_img: 'https://sdn.geekzu.org/avatar/57d8260dfb55501c37dde588e7c3852c',
// 进入页面时第一次的排序规则
sort_rule: 'created'
}
</script>
<link rel="stylesheet" th:href="${assets_link + '/libs/moments/heoMainColor.css'}">
<script type="text/javascript" th:src="${assets_link + '/libs/moments/app.min.js'}"></script>
<script type="text/javascript" th:src="${assets_link + '/libs/moments/bundle.js'}"></script>
<style>
/*修复友链朋友圈管理面板显示太大导致无法关闭的bug*/
.cf-manage-pannel[data-v-34921c7c] {
width: 80% !important;
height: 80% !important;
}
.cf-article-author:hover {
color: var(--heo-card-bg)!important
}
#cf-more:hover{
background: var(--heo-lighttext)!important;
color: var(--heo-card-bg)!important
}
</style>
</div>
</main>
<!-- 底部 -->
<footer th:replace="~{modules/footer}"/>
<!-- 卡片顶部气泡效果 -->
<script th:if="${theme.config.other.bubbleEnable}" async data-pjax th:src="${assets_link + '/libs/canvas/bubble.js'}"></script>
</div>
</th:block>
</html>