PaperMod添加友情链接页面

Table of contents

步骤 1

新建文件：layouts_default/friend-link.html

{{- define "main" }}

<article class="post-single">
  <header class="post-header">
    {{ partial "breadcrumbs.html" . }}

    <h1 class="post-title entry-hint-parent">
      {{ .Title }} {{- if .Draft }}
      <span class="entry-hint" title="Draft">
        <svg
          xmlns="http://www.w3.org/2000/svg"
          height="35"
          viewBox="0 -960 960 960"
          fill="currentColor"
        >
          <path
            d="M160-410v-60h300v60H160Zm0-165v-60h470v60H160Zm0-165v-60h470v60H160Zm360 580v-123l221-220q9-9 20-13t22-4q12 0 23 4.5t20 13.5l37 37q9 9 13 20t4 22q0 11-4.5 22.5T862.09-380L643-160H520Zm300-263-37-37 37 37ZM580-220h38l121-122-18-19-19-18-122 121v38Zm141-141-19-18 37 37-18-19Z"
          />
        </svg>
      </span>
      {{- end }}
    </h1>

    {{- if not (.Param "hideMeta") }}
    <div class="post-meta">
      {{- partial "post_meta.html" . -}} {{- partial "translation_list.html" .
      -}} {{- partial "edit_post.html" . -}} {{- partial "post_canonical.html" .
      -}}
    </div>
    {{- end }} {{- if .Description }}
    <div class="post-description">{{ .Description }}</div>
    {{- end }}
  </header>
  {{- $isHidden := (.Param "cover.hiddenInSingle") | default (.Param
  "cover.hidden") | default false }} {{- partial "cover.html" (dict "cxt" .
  "IsSingle" true "isHidden" $isHidden) }} {{- if (.Param "ShowToc") }} {{-
  partial "toc.html" . }} {{- end }} {{- if .Content }}
  <div class="post-content">
    {{- if not (.Param "disableAnchoredHeadings") }} {{- partial
    "anchored_headings.html" .Content -}} {{- else }}{{ .Content }}{{ end }}
    {{/* Begin.友情链接页面*/}}
    <div class="friend-link-container">
      {{ range .Params.links }}
      <a
        href="{{ .url }}"
        title="{{ .name }}"
        class="friend-link"
        target="_blank"
        rel="friend"
      >
        <div class="friend-link-div">
          <div class="friend-link-avatar">
            {{ $path := replace .avatar "/images/" "" }} {{ $orig :=
            resources.Get (printf "images/%s" $path) }} {{ $img := $orig.Fill
            "200x200 Center" }}
            <img
              src="{{ $img.Permalink }}"
              class="friend-avatar"
              loading="lazy"
              alt="{{ .name }}"
            />
          </div>
          <div class="friend-link-info">
            <span class="friend-name">{{ .name }}</span>
            <p class="friend-bio">{{ .bio }}</p>
            <p class="friend-bio url-name">{{ .urlname }}</p>
          </div>
        </div>
      </a>
      {{ end }}
    </div>
    {{/* End.友情链接页面*/}}

    <div
      style="border: 1px dashed var(--accent); border-radius: 6px; padding: 15px 15px 0 15px; margin-top: 20px; line-height: 1.2;"
    >
      <strong style="font-size: 1.05em;">友链申请格式：</strong>
      <div style="margin-top: 10px;">
        <p>博客名称：<code>你的博客名称</code></p>
        <p>博客地址：<code>https://你的博客地址</code></p>
        <p>博客头像：<code>https://你的头像链接</code></p>
        <p>博客简介：<code>一句话介绍你的博客</code></p>
      </div>
    </div>
  </div>

  {{- end }}

  <footer class="post-footer">
    {{- $tags := .Language.Params.Taxonomies.tag | default "tags" }}
    <ul class="post-tags">
      {{- range ($.GetTerms $tags) }}
      <li><a href="{{ .Permalink }}">#&nbsp;{{ .LinkTitle }}</a></li>
      {{- end }}
    </ul>
  </footer>

  {{- if (.Param "comments") }} {{- partial "comments.html" . }} {{- end }}
</article>

{{- end }}layouts_default/friend-link.html

步骤 2

新建 content/friend-link.md 文件

"url": "https://mgrowup.com", 图片维护在 ./assets/images

---
title: "友链"
draft: false
ShowReadingTime: false
showToc: false
TocOpen: true
comments: false
enableCopyright: false
enableDonate: false
layout: "friend-link"
links:
  [
    {
      "name": "Donghai",
      "url": "https://mgrowup.com",
      "avatar": "/images/xxxx.webp",
      "bio": "真诚记录，生活值得",
      "urlname": "mgrowup.com",
    },
  ]
---

1. 欢迎互换友链，根据<mark>友链提交模板在下方评论</mark>（也可以通过[邮件](mailto:mgrowup@outlook.com?subject=友链申请&body=博客名称：%0D%0A博客地址：%0D%0A博客头像：%0D%0A博客简介：)发我）
2. 排名不分先后，按照添加时间排序，我的友链信息：

```txt
{
  名称：Donghai
  地址：https://mgrowup.com/
  头像：https://mgrowup.com/avatar.webp
  描述：真诚记录，生活值得
}
```content/friend-link.md