feat: link previews to page-list (closes #173)

Jacky Zhao

2022-08-11 a78926ede5a951b2ba48e506c93d25060e240c0e

 layouts/partials/head.html

@@ -40,10 +40,13 @@
  <link href="{{$lightSyntax.Permalink}}" rel="stylesheet" id="theme-link">

   <!-- Base scripts -->
  {{ $darkMode := resources.Get "js/darkmode.js" | resources.ExecuteAsTemplate "js/darkmode.js" . | resources.Fingerprint "md5" | resources.Minify }}
  <script src="{{$darkMode.Permalink}}"></script>
  {{$scripts := (slice "js/darkmode.js" "js/util.js")}}
  {{range $scripts}}
  {{$scriptname := .}}
  {{ $s := resources.Get $scriptname | resources.ExecuteAsTemplate $scriptname . | resources.Fingerprint "md5" | resources.Minify }}
  <script src="{{$s.Permalink}}"></script>
  {{end}}
  {{partial "katex.html" .}}

    
  <script src="https://unpkg.com/@floating-ui/core@0.7.3"></script>
  <script src="https://unpkg.com/@floating-ui/dom@0.5.4"></script>
@@ -109,25 +112,7 @@
      {{if $.Site.Data.config.enableCallouts -}}
      addCollapsibleCallouts();
      {{ end }}

      {{if $.Site.Data.config.enableFooter}}
      const container = document.getElementById("graph-container")
      // retry if the graph is not ready
      if (!container) return requestAnimationFrame(render)
      // clear the graph in case there is anything within it
      container.textContent = ""

      const drawGlobal = isHome && {{$.Site.Data.graphConfig.enableGlobalGraph}};
      drawGraph(
          {{strings.TrimRight "/" .Site.BaseURL}},
          drawGlobal,
          {{$.Site.Data.graphConfig.paths}},
          drawGlobal ? {{$.Site.Data.graphConfig.globalGraph}} : {{$.Site.Data.graphConfig.localGraph}}
        );

      {{end}}


     
      {{if $.Site.Data.config.enableLinkPreview}}
      initPopover(
        {{strings.TrimRight "/" .Site.BaseURL }},
@@ -135,6 +120,26 @@
        {{$.Site.Data.config.enableLatex}}
      )
      {{end}}

      {{if $.Site.Data.config.enableFooter}}
      const footer = document.getElementById("footer")
      if (footer) {
        const container = document.getElementById("graph-container")
        // retry if the graph is not ready
        if (!container) return requestAnimationFrame(render)
        // clear the graph in case there is anything within it
        container.textContent = ""

        const drawGlobal = isHome && {{$.Site.Data.graphConfig.enableGlobalGraph}};
        drawGraph(
            {{strings.TrimRight "/" .Site.BaseURL}},
            drawGlobal,
            {{$.Site.Data.graphConfig.paths}},
            drawGlobal ? {{$.Site.Data.graphConfig.globalGraph}} : {{$.Site.Data.graphConfig.localGraph}}
          );

        }
      {{end}}
    }

    const init = (doc = document) => {