57 lines
3.0 KiB
HTML
57 lines
3.0 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html xmlns:th="http://www.thymeleaf.org"
|
||
|
|
th:replace="~{modules/layouts/layout :: layout(content = ~{::content}, htmlType = 'category',title = ${'分类' + ' | ' + site.title}, head = ~{::head})}">
|
||
|
|
<th:block th:fragment="head">
|
||
|
|
<th:block th:replace="~{modules/common/open-graph :: open-graph(_title = '分类目录',
|
||
|
|
_permalink = '/categories',
|
||
|
|
_cover = ${theme.config.other.opengraph.image},
|
||
|
|
_excerpt = ${site.seo.description},
|
||
|
|
_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 = '分类')}"></nav>
|
||
|
|
</header>
|
||
|
|
<main class="layout hide-aside" id="content-inner">
|
||
|
|
|
||
|
|
<div id="page">
|
||
|
|
<h1 class="page-title" style="display: inline;">分类</h1>
|
||
|
|
<div th:if="${#strings.equals(theme.config.categories.use, 'default')}" class="category-lists">
|
||
|
|
<div class="category-title is-center">分类 - <span class="category-amount">11</span></div>
|
||
|
|
<div class="tag-cloud-list is-center">
|
||
|
|
<a style="font-size: 1em;" th:each="categoryItem : ${categoryFinder.listAll()}"
|
||
|
|
th:href="@{${categoryItem.status.permalink}}" th:id="${categoryItem.spec.displayName}">
|
||
|
|
<span style="font-size: 22px;"
|
||
|
|
class="tags-punctuation">[[${categoryItem.spec.displayName}]]</span>
|
||
|
|
|
||
|
|
<span class="tagsPageCount">[[${categoryItem.status.visiblePostCount}]]</span></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<th:block th:if="${#strings.equals(theme.config.categories.use, '3D')}">
|
||
|
|
<link rel="stylesheet" th:href="${assets_link + '/libs/no3d/no3d.css'}">
|
||
|
|
<div id="libCategories" >
|
||
|
|
<div id="lib-cards" class="container" >
|
||
|
|
<a th:each="categoryItem : ${categoryFinder.listAll()}" th:href="@{${categoryItem.status.permalink}}" th:id="${categoryItem.spec.displayName}">
|
||
|
|
<card th:data-image="${categoryItem.spec.cover}">
|
||
|
|
<h1 slot="header">[[${categoryItem.spec.displayName}]]</h1>
|
||
|
|
<p slot="content">[[${categoryItem.spec.description}]]</p>
|
||
|
|
</card>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<script data-pjax src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/vue/2.6.14/vue.min.js"></script>
|
||
|
|
<script data-pjax th:src="${assets_link + '/libs/no3d/no3d.min.js'}"></script>
|
||
|
|
</div>
|
||
|
|
</th:block>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
<!-- 底部 -->
|
||
|
|
<footer th:replace="~{modules/footer}"/>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</th:block>
|
||
|
|
|
||
|
|
</html>
|