feat(author): add author_link and fix highlight bug

2024-11-12 18:06:17 +01:00 · 2020-02-01 01:52:27 +08:00 · 2020-02-01 01:52:27 +08:00 · 8aa4b6dce6
commit 8aa4b6dce6
parent 2a7611b5ae
22 changed files with 136 additions and 110 deletions
--- a/archetypes/default.md
+++ b/archetypes/default.md
@ -1,4 +1,6 @@
 ---
+author: ""
+author_link: ""
 title: "{{ replace .TranslationBaseName "-" " " | title }}"
 date: {{ .Date }}
 lastmod: {{ .Date }}
@ -16,7 +18,7 @@ featured_image_preview: ""

 comment: true
 toc: false
-autoCollapseToc: true
+auto_collapse_toc: true
 math: false
 ---

--- a/assets/css/_core/_media.scss
+++ b/assets/css/_core/_media.scss
@ -3,22 +3,35 @@
    max-width: 780px;

    .post-toc {
+      width: 300px;
      margin-left: 800px;
    }
  }
 }

-@media only screen and (max-width: 1300px) {
+@media only screen and (max-width: 1440px) {
+  .warpper {
+    max-width: 680px;
+
+    .post-toc {
+      width: 240px;
+      margin-left: 700px;
+    }
+  }
+}
+
+@media only screen and (max-width: 1200px) {
  .warpper {
    max-width: 560px;

    .post-toc {
+      width: 180px;
      margin-left: 580px;
    }
  }
 }

-@media only screen and (max-width: 1080px) {
+@media only screen and (max-width: 960px) {
  .navbar {
    .navbar-container {
      margin: 0 2rem;
@ -52,7 +65,7 @@

    .categories-card {
      .card-item {
-        width: 95%;
+        width: 100%;
      }
    }
  }
--- a/assets/css/_page/_index.scss
+++ b/assets/css/_page/_index.scss
@ -3,7 +3,7 @@
 .warpper {
  position: relative;
  width: 100%;
-  max-width: 960px;
+  max-width: 980px;
  margin: 0 auto;
  padding-top: 6rem;

--- a/assets/css/_page/_terms.scss
+++ b/assets/css/_page/_terms.scss
@ -24,9 +24,20 @@
    padding: 0 2%;
    position: relative;

-    .categories {
+    .card-item-wrapper {
      width: 100%;
      overflow: hidden;
+
+      .card-item-title {
+        font-size: 1.2rem;
+        font-weight: bold;
+        display: inline-block;
+      }
+
+      span {
+        float: right;
+        padding-right: 1rem;
+      }
    }
  }
 }
@ -70,14 +81,3 @@
 .more-post {
  text-align: right;
 }
-
-.categories {
-  h3 {
-    display: inline-block;
-  }
-
-  span {
-    float: right;
-    padding-right: 1rem;
-  }
-}
--- a/assets/css/_partial/_post/_code.scss
+++ b/assets/css/_partial/_post/_code.scss
@ -65,7 +65,7 @@ p > code {
  }

  @each $sign, $text in $code-type-list {
-    & .#{$sign} table::after {
+    &.#{$sign} table::after {
      content: $text;
    }
  }
--- a/assets/css/_partial/_post/_toc.scss
+++ b/assets/css/_partial/_post/_toc.scss
@ -1,9 +1,8 @@
 .post-toc {
  display: block;
  position: absolute;
-  width: 240px;
-  max-width: 300px;
-  margin-left: 980px;
+  width: 360px;
+  margin-left: 1000px;
  padding: .8rem;
  border-left: 1px solid $global-border-color;
  word-wrap: break-word;
--- a/assets/css/_variables.scss
+++ b/assets/css/_variables.scss
@ -70,46 +70,46 @@ $code-font-family: Source Code Pro, Consolas, Liberation Mono, Menlo, Courier, m
 // Code type list.
 $code-type-list: (
  // Custom code type
-  language-bash: "Bash",
-  language-c: "C",
-  language-cs: "C#",
-  language-cpp: "C++",
-  language-css: "CSS",
-  language-coffeescript: "CoffeeScript",
-  language-html: "HTML",
-  language-xml: "XML",
-  language-http: "HTTP",
-  language-json: "JSON",
-  language-java: "Java",
-  language-js: "JavaScript",
-  language-javascript: "JavaScript",
-  language-makefile: "Makefile",
-  language-markdown: "Markdown",
-  language-objectivec: "Objective-C",
-  language-php: "PHP",
-  language-perl: "Perl",
-  language-python: "Python",
-  language-ruby: "Ruby",
-  language-sql: "SQL",
-  language-shell: "Shell",
-  language-erlang: "Erlang",
-  language-go: "Go",
-  language-go-html-template: "Go HTML Template",
-  language-groovy: "Groovy",
-  language-haskell: "Haskell",
-  language-kotlin: "Kotlin",
-  language-clojure: "Clojure",
-  language-less: "Less",
-  language-lisp: "Lisp",
-  language-lua: "Lua",
-  language-matlab: "Matlab",
-  language-rust: "Rust",
-  language-scss: "Scss",
-  language-scala: "Scala",
-  language-swift: "Swift",
-  language-typescript: "TypeScript",
-  language-yml: "YAML",
-  language-yaml: "YAML",
-  language-toml: "TOML",
-  language-diff: "Diff"
+  language-bash: 'Bash',
+  language-c: 'C',
+  language-cs: 'C#',
+  language-cpp: 'C++',
+  language-css: 'CSS',
+  language-coffeescript: 'CoffeeScript',
+  language-html: 'HTML',
+  language-xml: 'XML',
+  language-http: 'HTTP',
+  language-json: 'JSON',
+  language-java: 'Java',
+  language-js: 'JavaScript',
+  language-javascript: 'JavaScript',
+  language-makefile: 'Makefile',
+  language-markdown: 'Markdown',
+  language-objectivec: 'Objective-C',
+  language-php: 'PHP',
+  language-perl: 'Perl',
+  language-python: 'Python',
+  language-ruby: 'Ruby',
+  language-sql: 'SQL',
+  language-shell: 'Shell',
+  language-erlang: 'Erlang',
+  language-go: 'Go',
+  language-go-html-template: 'Go HTML Template',
+  language-groovy: 'Groovy',
+  language-haskell: 'Haskell',
+  language-kotlin: 'Kotlin',
+  language-clojure: 'Clojure',
+  language-less: 'Less',
+  language-lisp: 'Lisp',
+  language-lua: 'Lua',
+  language-matlab: 'Matlab',
+  language-rust: 'Rust',
+  language-scss: 'Scss',
+  language-scala: 'Scala',
+  language-swift: 'Swift',
+  language-typescript: 'TypeScript',
+  language-yml: 'YAML',
+  language-yaml: 'YAML',
+  language-toml: 'TOML',
+  language-diff: 'Diff'
 ) !default;
--- a/assets/js/blog.js
+++ b/assets/js/blog.js
@ -73,12 +73,13 @@ jQuery(function($) {
        });
    };

-    _Blog.chroma = function() {
+    _Blog.chroma = function () {
        const blocks = document.querySelectorAll('.highlight > .chroma');
        for (let i = 0; i < blocks.length; i++) {
            const block = blocks[i];
-            const afterHighLight = block.querySelector('pre.chroma > code');
-            const lang = afterHighLight ? afterHighLight.className : '';
+            const codes = block.querySelectorAll('pre.chroma > code');
+            const code = codes[codes.length - 1];
+            const lang = code ? code.className.toLowerCase() : '';
            block.className += ' ' + lang;
        }
    };
@ -298,4 +299,4 @@ jQuery(function($) {
        _Blog.typeit();
        _Blog.toc();
    });
-});
+});
--- a/exampleSite/content/posts/LoveIt-Preview.md
+++ b/exampleSite/content/posts/LoveIt-Preview.md
@ -16,7 +16,7 @@ featured_image_preview: ""

 comment: true
 toc: true
-autoCollapseToc: true
+auto_collapse_toc: true
 math: true
 ---

--- a/exampleSite/content/posts/markdown-syntax.md
+++ b/exampleSite/content/posts/markdown-syntax.md
@ -1,5 +1,6 @@
 ---
 author: "Hugo Authors"
+author_link: "https://gohugo.io/"
 title: "Markdown Syntax Guide"
 date: 2020-01-30T21:57:40+08:00
 lastmod: 2020-01-30T21:57:40+08:00
@ -17,7 +18,6 @@ tags: [
 ]
 categories: [
    "themes",
-    "syntax",
 ]

 featured_image: /images/markdown.png
@ -25,7 +25,7 @@ featured_image_preview: ""

 comment: true
 toc: true
-autoCollapseToc: true
+auto_collapse_toc: true
 math: false
 ---

--- a/exampleSite/zh/content/posts/Basic-Markdown-Preview.md
+++ b/exampleSite/zh/content/posts/Basic-Markdown-Preview.md
@ -16,7 +16,7 @@ featu红色_image_preview: ''

 comment: true
 toc: true
-autoCollapseToc: false
+auto_collapse_toc: false
 math: true
 ---

--- a/i18n/en.toml
+++ b/i18n/en.toml
@ -94,9 +94,6 @@ other = "min"

 [second]
 other = "sec"
-
-[return]
-other = "return"
 # === posts/single.html ===

 # === 404.html ===
--- a/i18n/zh.toml
+++ b/i18n/zh.toml
@ -97,9 +97,6 @@ other = "分"

 [second]
 other = "秒"
-
-[return]
-other = "返回"
 # === posts/single.html ===

 # === 404.html ===
--- a/layouts/_default/_markup/render-image.html
+++ b/layouts/_default/_markup/render-image.html
@ -1,13 +1,13 @@
 <figure>
    <img
-        {{- $res := resources.Get "svg/loading.svg" | minify -}}
+        {{ $res := resources.Get "svg/loading.svg" | minify -}}
        src="{{ $res.RelPermalink }}"
        data-sizes="auto"
        data-src="{{ .Destination | safeURL }}"
        alt="{{ .Text }}"
-        {{- with .Title -}}
+        {{ with .Title -}}
            title="{{ . }}"
-        {{- end -}}
+        {{ end -}}
        class="lazyload"
        >
    <figcaption class="image-caption">
--- a/layouts/_default/_markup/render-link.html
+++ b/layouts/_default/_markup/render-link.html
@ -1,10 +1,10 @@
 <a href="{{ .Destination | safeURL }}"
-    {{- with .Title -}}
+    {{ with .Title -}}
        title="{{ . }}"
-    {{- end -}}
-    {{- if strings.HasPrefix .Destination "http" -}}
+    {{ end -}}
+    {{ if strings.HasPrefix .Destination "http" -}}
        target="_blank"
-    {{- end -}}
+    {{ end -}}
    >
    {{- .Text -}}
 </a>
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@ -17,7 +17,7 @@
            {{- $content = replaceRE $REin $REout $content -}}

            {{- $REin = `<sup>\[return\]</sup>` -}}
-            {{- $REout = printf "<sup>[%s]</sup>" (T "return") -}}
+            {{- $REout = `↩︎` -}}
            {{- $content = replaceRE $REin $REout $content -}}

            {{- $REin = `<(h[23456]) (id=".+?")>` -}}
@ -28,6 +28,10 @@
            {{- $REout = `<a class="post-dummy-target" $2></a><$1>` -}}
            {{- $content = replaceRE $REin $REout $content -}}

+            {{- $REin = `<li (id="fn:.+?")(.*?)>\s?<p>` -}}
+            {{- $REout = `<li $2><p><a class="post-dummy-target" $1></a>` -}}
+            {{- $content = replaceRE $REin $REout $content -}}
+
            {{- $content | safeHTML -}}
        </div>
    </div>
--- a/layouts/_default/summary.html
+++ b/layouts/_default/summary.html
@ -1,9 +1,7 @@
 <article class="post" itemscope itemtype="http://schema.org/Article">
    {{- $publish_date := .PublishDate.Format (.Site.Params.dateFormatToUse | default "2006-01-02") -}}
-    {{- $author := .Site.Author.name -}}
-    {{- if isset .Params "author" -}}
-       {{- $author = .Site.Author.name -}}
-    {{- end -}}
+    {{- $author := .Params.author | default .Site.Author.name -}}
+    {{- $author_link := .Params.author_link | default .Site.Author.link | default .Site.BaseURL -}}

    <!--featured_image-->
    {{- with .Params.featured_image -}}
@ -19,11 +17,13 @@
    </h1>

    <div class="post-meta">
-        <a class="author" href="{{.Site.BaseURL }}" rel="author"><i class="fas fa-user-circle fa-fw"></i>{{ $author }}&nbsp;</a>
+        <a class="author" href="{{ $author_link }}" rel="author" target="_blank">
+            <i class="fas fa-user-circle fa-fw"></i>{{ $author }}&nbsp;
+        </a>
        {{ T "publish" }}&nbsp;<time datetime={{ $publish_date }}>{{ $publish_date }}</time>&nbsp;
        {{- with .Params.categories -}}
            <span class="post-category">
-                {{- T "included" -}}
+                {{- T "included" -}}&nbsp;
                {{- range . -}}
                    {{- $name := . -}}
                    {{- with $.Site.GetPage "taxonomy" (printf "categories/%s" $name) | default ($.Site.GetPage "taxonomy" (printf "categories/%s" ($name | urlize))) -}}
@ -41,12 +41,15 @@
            </p>
        {{- else -}}
            {{- $summary := .Summary -}}
+
            {{- $REin := `:\(([\w- ]+?)\):` -}}
            {{- $REout := `<i class="$1 fa-fw"></i>` -}}
            {{- $summary  = replaceRE $REin $REout $summary  -}}
+
            {{- $REin = `\[(.+?)\]\^\((.+?)\)` -}}
            {{- $REout = `<strong><ruby>$1<rt>$2</rt></ruby></strong>` -}}
            {{- $summary  = replaceRE $REin $REout $summary -}}
+
            {{- $summary  | safeHTML -}}
        {{- end -}}
    </div>
@ -55,7 +58,9 @@
        {{- with .Params.tags -}}
            <div class="post-tags">
                {{- range . -}}
-                    &nbsp;&nbsp;<span class="tag"><a href="{{ "tags/" | absURL }}{{ . | urlize }}/"><i class="fas fa-tag fa-fw"></i>{{ . }}</a></span>
+                    <span class="tag">
+                        &nbsp;<a href="{{ "tags/" | absURL }}{{ . | urlize }}/"><i class="fas fa-tag fa-fw"></i>&nbsp;{{ . }}</a>
+                    </span>
                {{- end -}}
            </div>
        {{- end -}}
--- a/layouts/partials/post/footer.html
+++ b/layouts/partials/post/footer.html
@ -41,7 +41,9 @@
        <section>
            {{- with .Params.tags -}}
                {{- range . -}}
-                    <span class="tag"><a href="{{ "tags/" | absURL }}{{ . | urlize }}/"><i class="fas fa-tag fa-fw"></i>{{ . }}</a></span>
+                    <span class="tag">
+                        <a href="{{ "tags/" | absURL }}{{ . | urlize }}/"><i class="fas fa-tag fa-fw"></i>&nbsp;{{ . }}</a>&nbsp;
+                    </span>
                {{- end -}}
            {{- end -}}
        </section>
--- a/layouts/posts/single.html
+++ b/layouts/posts/single.html
@ -2,20 +2,20 @@

 {{- define "content" -}}
    {{- $publish_date := .PublishDate.Format (.Site.Params.dateFormatToUse | default "2006-01-02") -}}
-    {{- $author := .Site.Author.name -}}
-    {{- if isset .Params "author" -}}
-       {{- $author = .Site.Author.name -}}
-    {{- end }}
+    {{- $author := .Params.author | default .Site.Author.name -}}
+    {{- $author_link := .Params.author_link | default .Site.Author.link | default .Site.BaseURL -}}

    <article class="warpper">
        <h1 class="post-title animated flipInX">{{ .Title }}</h1>

        <div class="post-meta">
            <div class="post-meta-main">
-                <a class="author" href="{{.Site.BaseURL }}" rel="author"><i class="fas fa-user-circle fa-fw"></i>{{ $author }}&nbsp;</a>
+                <a class="author" href="{{ $author_link }}" rel="author" target="_blank">
+                    <i class="fas fa-user-circle fa-fw"></i>{{ $author }}&nbsp;
+                </a>
                {{- with .Params.categories -}}
                    <span class="post-category">
-                        {{- T "included" -}}
+                        {{- T "included" -}}&nbsp;
                        {{- range . -}}
                            {{- $name := . -}}
                            {{- with $.Site.GetPage "taxonomy" (printf "categories/%s" $name) | default ($.Site.GetPage "taxonomy" (printf "categories/%s" ($name | urlize))) -}}
@ -47,8 +47,8 @@
        {{- if or .Params.toc (and .Site.Params.toc (ne .Params.toc false)) -}}
            <div class="post-toc" id="post-toc">
                <h2 class="post-toc-title">{{ T "toc" }}</h2>
-                {{- $globalAutoCollapseToc := .Site.Params.autoCollapseToc | default true }}
-                <div class="post-toc-content{{ if not (and $globalAutoCollapseToc (ne .Params.autoCollapseToc false)) }} always-active{{ end }}">
+                {{- $globalAutoCollapseToc := .Site.Params.auto_collapse_toc | default true }}
+                <div class="post-toc-content{{ if not (and $globalAutoCollapseToc (ne .Params.auto_collapse_toc false)) }} always-active{{ end }}">
                    {{- .TableOfContents -}}
                </div>
            </div>
@ -81,17 +81,21 @@
            {{- $content = replaceRE $REin $REout $content -}}

            {{- $REin = `<sup>\[return\]</sup>` -}}
-            {{- $REout = printf "<sup>[%s]</sup>" (T "return") -}}
+            {{- $REout = `↩︎` -}}
            {{- $content = replaceRE $REin $REout $content -}}

            {{- $REin = `<(h[23456]) (id=".+?")>` -}}
            {{- $REout = `<a class="post-dummy-target" $2></a><$1>` -}}
            {{- $content = replaceRE $REin $REout $content -}}

-            {{- $REin = `<(.+) (id="fnref:.+?")>` -}}
+            {{- $REin = `<(.+?) (id="fnref:.+?")>` -}}
            {{- $REout = `<a class="post-dummy-target" $2></a><$1>` -}}
            {{- $content = replaceRE $REin $REout $content -}}

+            {{- $REin = `<li (id="fn:.+?")(.*?)>\s?<p>` -}}
+            {{- $REout = `<li $2><p><a class="post-dummy-target" $1></a>` -}}
+            {{- $content = replaceRE $REin $REout $content -}}
+
            {{- $content | safeHTML -}}
        </div>

--- a/layouts/taxonomy/list.html
+++ b/layouts/taxonomy/list.html
@ -7,9 +7,9 @@
        <h2 class="post-title animated pulse faster">
            {{- $taxonomy := .Data.Singular -}}
            {{- if eq $taxonomy "category" -}}
-                <i class="far fa-folder-open fa-fw"></i>{{ .Title }}
+                <i class="far fa-folder-open fa-fw"></i>&nbsp;{{ .Title }}
            {{- else if eq $taxonomy "tag" -}}
-                <i class="fas fa-tag fa-fw"></i>{{ .Title }}
+                <i class="fas fa-tag fa-fw"></i>&nbsp;{{ .Title }}
            {{- else -}}
                {{- printf "%s - %s" (T $taxonomy | default  (humanize $taxonomy)) .Title -}}
            {{- end -}}
--- a/layouts/taxonomy/terms.html
+++ b/layouts/taxonomy/terms.html
@ -20,10 +20,12 @@
                    {{- $pages := .Pages -}}
                    {{- with $.Site.GetPage "taxonomy" (printf "%s/%s" $type $term) -}}
                    <div class="card-item">
-                        <div class="categories">
-                            <a href="{{ .Permalink }}">
-                                <h3><i class="far fa-folder fa-fw"></i>{{ $term | humanize}}</h3>
-                            </a>
+                        <div class="card-item-wrapper">
+                            <h3 class="card-item-title">
+                                <a href="{{ .Permalink }}">
+                                    <i class="far fa-folder fa-fw"></i>&nbsp;{{ $term | humanize}}
+                                </a>
+                            </h3>
                            {{- range first 5 $pages -}}
                                <article class="archive-item">
                                    <a href="{{ .Permalink }}" class="archive-item-link">
--- a/resources/_gen/assets/scss/css/style.scss_b95b077eb505d5c0aff8055eaced30ad.content
+++ b/resources/_gen/assets/scss/css/style.scss_b95b077eb505d5c0aff8055eaced30ad.content