提交 dcbee385 编写于 作者: Miykael_xxm's avatar Miykael_xxm 🚴

update layout

上级 4856cb34
...@@ -6,7 +6,7 @@ paginate = 4 ...@@ -6,7 +6,7 @@ paginate = 4
DefaultContentLanguage = "zh" DefaultContentLanguage = "zh"
enableInlineShortcodes = true enableInlineShortcodes = true
footnoteReturnLinkContents = "^" footnoteReturnLinkContents = "^"
theme = "simple-blog" #0theme = "simple-blog"
[menu] [menu]
......
{{ 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" . }}
{{ 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" . }}
{{ 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" . }}
<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
<!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>
此差异已折叠。
.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
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册