使用 with 改變目前 Context

我們可使用 with 改變目前的 Context，並以 . 加以讀取。

Version

Hugo 0.91

Page Variable

content/_index.md

---
title: My Blog
---

title：title 為 Hugo 預設的 Page variable

with

layouts/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="alpine.js" defer></script>
    <link rel="stylesheet" href="output.css" />
  </head>
  <body>
    {{ with .Title }}
      <h1 class="text-4xl font-bold">{{ . }}</h1>
    {{ end }}
  </body>
</html>

Line 10

{{ with .Title }}
  <h1 class="text-4xl font-bold">{{ . }}</h1>
{{ end }}

with：將目前 Context 改為 .Title
.：以 . 讀取目前的 Context

Conclusion

如果必須多次讀取同一變數，可使用 with 先改變 Context 到該變數，再以 . 讀取