halo/docs
1
0
Fork 0
mirror of https://github.com/halo-dev/docs.git synced 2025-10-20 01:17:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

docs: update documentation for Halo 2.16 (#367)

Browse Source 
为 Halo 2.16.0 更新文档。

/kind documentation

```release-note
None 
```
This commit is contained in:
Ryan Wang
2024-06-03 12:45:44 +08:00
committed by GitHub
parent 78416a1337
commit 7eec30763e
169 changed files with 14046 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
versioned_docs/version-2.16/developer-guide/theme/code-snippets.md Normal file
View File

@@ -0,0 +1,47 @@
---
title: 常用代码片段
description: 本文档介绍了常用的代码片段，以便于开发者快速上手。
---
## 布局模板
通常情况下，我们需要一个公共模板来定义页面的布局。
```html title="templates/layout.html"
<!DOCTYPE html>
<html lang="en" xmlns:th="https://www.thymeleaf.org" th:fragment="html (head,content)">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2" />
<title th:text="${site.title}"></title>
<link rel="stylesheet" th:href="@{/assets/dist/style.css}" />
<script th:src="@{/assets/dist/main.iife.js}"></script>
<th:block th:if="${head != null}">
<th:block th:replace="${head}" />
</th:block>
</head>
<body>
<section>
<th:block th:replace="${content}" />
</section>
</body>
</html>
```
```html title="templates/index.html"
<!DOCTYPE html>
<html
xmlns:th="https://www.thymeleaf.org"
th:replace="~{modules/layout :: html(head = null,content = ~{::content})}"
>
<th:block th:fragment="content">
<!-- 文章列表 -->
<ul>
<li th:each="post : ${posts.items}">
<a th:href="@{${post.status.permalink}}" th:text="${post.spec.title}"></a>
</li>
</ul>
</th:block>
</html>
```