update layout

config.toml

@@ -6,7 +6,7 @@ paginate = 4
 DefaultContentLanguage = "zh"
 enableInlineShortcodes = true
 footnoteReturnLinkContents = "^"
-theme = "simple-blog"
+#0theme = "simple-blog"
 
 [menu]
 

layouts/404.html

+{{ partial "header.html" . }}
+    <main id="main">
+        <div class="d-flex flex-column justify-content-center bg-skew bg-skew-light overflow-hidden">
+            <div class="container">
+                <div class="row justify-content-lg-center text-center">
+                    <div class="col-lg-8">
+                        <h1 class="display-4 mb-5 mt-5">Page not found</h1>
+                        <p class="lead mb-5">The page you are looking for does not exist.</p>
+                        <a href="{{ .Site.BaseURL }}" class="btn btn-primary rounded-pill">Go to home page</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+{{ partial "footer.html" . }}

layouts/_default/list.html

+{{ partial "header.html" . }}
+{{ $paginator := .Paginate ( where site.RegularPages "Type" "in" site.Params.mainSections ) }}
+{{ if eq .Kind "taxonomy" }}
+  {{ $paginator = .Data }}
+{{ end }}
+    <main id="main">
+        <div class="container">
+            <div class="row justify-content-center">
+                <div class="col-lg-8 col-xl-7">
+                    <h1 class="display-4 my-5 my-lg-6 pb-lg-4 text-center">{{ if not .IsHome }}{{ .Title }}{{ else }}{{ .Site.Title }}{{ end }}</h1>
+                </div>
+            </div>
+        </div>
+        <div class="bg-skew bg-skew-light">
+            <div class="container py-4">
+                <div class="row">
+                    {{ range $paginator.Pages }}
+                    <div class="col-lg-6">
+                        <div class="card card-hover mb-5 mx-lg-2">
+                            <div class="card-body pt-5 px-5 pb-4 text-center">
+                                {{ range .Params.categories }}
+                                <a href="{{ $.Site.BaseURL }}categories/{{ . | urlize }}/" class="d-inline-block link-cta mb-4 text-uppercase">{{ . }}</a>
+                                {{ end }}
+                                <h2 class="card-title mb-4">
+                                    <a class="stretched-link" href="{{ .Params.link }}">{{ .Title }}</a>
+                                </h2>
+                                <p class="small"><span class="text-uppercase">{{.Date.Format "January 2, 2006"}}</span></p>
+                                <p class="card-text">{{ .Summary | plainify | htmlUnescape }}</p>
+                                <p>
+                                    {{ range .Params.tags }}
+                                    <a href="{{ $.Site.BaseURL }}tags/{{ . | urlize }}/" class="link-tag text-dark">#{{ . }}</a>
+                                    {{ end }}                              
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    {{ end }}
+                </div>
+                <nav aria-label="Page navigation">
+                    <ul class="pagination justify-content-center">
+                        {{ range $paginator.Pagers }}
+                        <li class="page-item {{ if eq $paginator.PageNumber .PageNumber }}active{{ end }}">
+                          <a class="page-link" href="{{ .URL }}">{{.PageNumber}}</a>
+                        </li>
+                        {{ end }}              
+                    </ul>
+                </nav>
+            </div>
+        </div>
+    </main>
+{{ partial "footer.html" . }}

layouts/_default/single.html

+{{ partial "header.html" . }}
+    <main id="main">
+        <div class="container">
+            <div class="row justify-content-center text-center my-5">
+                <div class="col-lg-10">
+                    {{ range .Params.categories }}
+                    <a href="{{ $.Site.BaseURL }}categories/{{ . | urlize }}/" class="d-inline-block link-cta mb-4 text-uppercase">{{ . }}</a>
+                    {{ end }}
+                    <h1 class="mb-4 text-center">{{ .Title }}</h1>
+                    <p class="small mb-5 text-center"><span class="text-uppercase">{{.Date.Format "January 2, 2006"}}</span></p>
+                </div>
+            </div>
+        </div>
+        <div class="bg-skew bg-skew-light">
+            <div class="container">
+                <div class="row justify-content-center">
+                    <div class="col-lg-8">
+                        <article class="pb-2">
+                            {{ .Content }}
+                            <p class="mt-5 text-center">
+                                {{ with .Params.tags }}
+                                <span class="text-secondary">Tagged: </span>
+                                {{ end }}
+                                {{ range .Params.tags }}
+                                <a href="{{ $.Site.BaseURL }}tags/{{ . | urlize }}/" class="link-tag text-dark">#{{ . }}</a>
+                                {{ end }}
+                            </p>
+                        </article>
+                        <div class="row pt-5 pb-5">
+                            <div class="col-6 text-left">
+                            {{ with .PrevInSection }}
+                              <a class="text-reset" href="{{ .Permalink }}">&larr; {{ .Title }}</a>
+                            {{ end }}
+                            </div>
+                            <div class="col-6 text-right">
+                            {{ with .NextInSection }}
+                              <a class="text-reset" href="{{ .Permalink }}">{{ .Title }} &rarr;</a>
+                            {{ end }}
+                            </div>
+                        </div>                                                
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+{{ partial "footer.html" . }}

layouts/partials/footer.html

+<footer class="site-footer mt-5">
+  <div class="container">
+      <div class="row justify-content-md-between">
+          <div class="col-sm-12 col-md-4 mb-4">
+              <h2 class="h5 mb-3">{{ .Site.Title }}</h2>
+              <p>{{.Site.Params.Description}}</p>
+          </div>
+          <div class="col-4 col-md-2 mb-4">
+              <h2 class="h5 mb-3">Menu</h2>
+              <ul class="nav flex-column">
+                  <li class="mb-1"><a href="{{ .Site.BaseURL }}" class="text-secondary">Home</a></li>
+                  {{ range .Site.Menus.main }}
+                  <li class="mb-1"><a href="{{ .URL }}" class="text-secondary">{{ .Name }}</a></li>
+                  {{ end }}
+              </ul>
+          </div>
+      </div>
+
+      <hr/>
+
+      <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-center">
+          <div class="text-muted mb-3">
+              {{ .Site.Copyright }}
+              <a href="https://10mohi6.tk" class="text-reset">design</a> <a href="https://github.com/10mohi6/hugo-theme-simple-blog" class="text-reset">theme</a></p>
+          </div>
+      </div>
+  </div>
+</footer>
+</body>
+</html>
\ No newline at end of file

layouts/partials/header.html

+<!doctype html>
+<html lang="{{ .Site.LanguageCode }}">
+<head>
+    <title>{{ if not .IsHome }}{{ .Title }} - {{ end }}{{ .Site.Title }}</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="{{ $.Site.BaseURL }}css/bootstrap.css">
+    <link rel="stylesheet" href="{{ $.Site.BaseURL }}css/custom.css">
+    <script>
+        var _hmt = _hmt || [];
+        (function() {
+          var hm = document.createElement("script");
+          hm.src = "https://hm.baidu.com/hm.js?289183eba3a0dc259eb4f916d634fa7d";
+          var s = document.getElementsByTagName("script")[0]; 
+          s.parentNode.insertBefore(hm, s);
+        })();
+        </script>        
+</head>
+<body>

static/css/custom.css

+.my-lg-6 {
+    margin-top: 5rem!important;
+    margin-bottom: 5rem!important
+  }
+    
+  .bg-skew {
+    position: relative
+  }
+  
+  .bg-skew:before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    transform: skewY(-5deg);
+    transform-origin: top left;
+    z-index: -1
+  }
+  
+  .bg-skew-light:before {
+    background-color: #f8f9fa
+  }
+  
+  .card-hover:hover {
+    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
+    transform: translateY(-3px)
+  }
+  
+  .link-cta {
+    border-bottom: 2px solid #006aff;
+    color: #343a40;
+    font-size: .875rem;
+    letter-spacing: 1px;
+    padding-bottom: 2px;
+    text-transform: uppercase
+  }
+  
+  .link-cta:hover {
+    color: #006aff;
+    text-decoration: none
+  }
+  
+  .link-tag {
+    text-decoration: underline
+  }
+  
+  .link-tag:hover{
+    text-decoration: none
+  }
+  
+  .card-title a {
+    color: #212529
+  }
+  
+  .card-title a:focus, .card-title a:hover {
+    color: #006aff;
+    text-decoration: none
+  }
+  
\ No newline at end of file