文件
halo-theme/templates/index.html
T
rohow 56af43d293
Theme CD / Package Theme (release) Successful in 35s
Theme CD / Release (release) Successful in 15s
style(post): enhance post separator and adjust tag display for improved layout
2026-02-02 11:28:59 +08:00

65 行
2.5 KiB
HTML

<!DOCTYPE html>
<html
xmlns:th="https://www.thymeleaf.org"
th:replace="~{modules/layout :: html(title = ${site.title}, header = null, content = ~{::content}, footer = null)}"
>
<th:block th:fragment="content">
<div class="content">
<div class="index-content framed">
<h1 class="typed-text" th:text="${theme.config.index.index_notice_title}"></h1>
<div th:utext="${theme.config.index.index_notice_content}"></div>
</div>
<div class="posts">
<div class="post on-list" th:each="post : ${posts.items}">
<h1 class="post-title">
<a th:text="'< ' + ${post.spec.title} + ' >'" th:href="${post.status.permalink}">Post Title</a>
</h1>
<div class="post-meta">
<span class="post-date" th:text="${#dates.format(post.spec.publishTime,'yyyy-MM-dd')}">
Post CreateTime
</span>
<span class="post-separator">
<span></span>
<span></span>
<span></span>
<span></span>
</span>
<span class="post-author" th:with="contributor = ${post.contributors[0]}" th:text="${contributor.displayName}">
Author
</span>
<span class="post-tags-inline" th:each="tag : ${post.tags}">
<a th:href="${tag.status.permalink}"
th:title="${tag.spec.displayName}"
th:text="'#'+${tag.spec.displayName}"
class="post-tag"
>#Tag
</a>
</span>
</div>
<div class="post-content" th:text="${post.status.excerpt}">Post Excerpt...</div>
<div>
<a class="read-more button" th:href="${post.status.permalink}">阅读更多 ></a>
</div>
</div>
</div>
<div class="pagination" th:if="${posts.hasPrevious() || posts.hasNext()}">
<div class="pagination__buttons">
<span class="button previous" th:if="${posts.hasPrevious()}">
<a th:href="@{${posts.prevUrl}}">
<span class="button__icon"><&nbsp;</span>
<span class="button__text">上一页</span>
</a>
</span>
<span class="button next" th:if="${posts.hasNext()}">
<a th:href="@{${posts.nextUrl}}">
<span class="button__text">下一页</span>
<span class="button__icon">&nbsp;></span>
</a>
</span>
</div>
</div>
</div>
</th:block>
</html>