模板可切换，模板引擎模块化有问题
This commit is contained in:
张超
164
web/themes/default copy/templates/index.tmpl
Normal file
164
web/themes/default copy/templates/index.tmpl
Normal file
@@ -0,0 +1,164 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>{{ .Title}}</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<style type="text/css">
|
||||
body{
|
||||
background: #f8f8f8;
|
||||
}
|
||||
.layui-main {
|
||||
width: 1140px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.container {
|
||||
width: 1170px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.header .layui-nav {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
padding: 0;
|
||||
background: none;
|
||||
}
|
||||
.post-list {
|
||||
width: 75%;
|
||||
float: left;
|
||||
display: block;
|
||||
}
|
||||
.list-card {
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
padding: 20px 20px 10px 20px;
|
||||
position: relative;
|
||||
border-radius: 10px;
|
||||
margin-bottom: 10px;
|
||||
height: 200px;
|
||||
}
|
||||
.sidebar {
|
||||
float: left;
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.header {}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="header">
|
||||
<div class="layui-main">
|
||||
<h1><a class="logo" href="https://www.hanxiaonuan.cn/">韩小暖的博客，这个是copy</a></h1>
|
||||
</div>
|
||||
<ul class="layui-nav">
|
||||
<li class="layui-nav-item layui-hide-xs layui-this">
|
||||
<a href="https://www.hanxiaonuan.cn/">首页</a>
|
||||
</li>
|
||||
|
||||
<li class="layui-nav-item layui-hide-xs ">
|
||||
<a href="https://www.hanxiaonuan.cn/start-page.html" title="关于">关于</a>
|
||||
</li>
|
||||
|
||||
<span class="layui-nav-bar"></span></ul>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="post-list">
|
||||
{{ range .Items }}
|
||||
<div class="list-card">
|
||||
<div><a href="/post/{{ .Cid }}">
|
||||
<h1>Title: {{ .Title }}</h1>
|
||||
</a>
|
||||
<p> Slug: {{ .Slug }}</p>
|
||||
<p>Text: {{ .Text }}</p>
|
||||
<div>Created: {{ .Created }},</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
<div class="page-navigator">
|
||||
共 {{ .Total }} 条，每页 {{ .PageSize }} 条，当前第 {{ .Page }} 页</div>
|
||||
<div class="pagination">
|
||||
{{ if .PrevPage }}
|
||||
<a href="/page/{{ .PrevPage }}">上一页</a>
|
||||
{{ end }}
|
||||
{{ if .NextPage }}
|
||||
<a href="/page/{{ .NextPage }}">下一页</a>
|
||||
{{ end }}
|
||||
<a href="/">首页</a>
|
||||
<a href="/page/{{ .Total }}">尾页</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar">
|
||||
<div class="column">
|
||||
<h3 class="title-sidebar"><i class="layui-icon"></i> 博客信息</h3>
|
||||
<div class="personal-information">
|
||||
<div class="user">
|
||||
<img src="https://www.hanxiaonuan.cn/usr/uploads/2021/07/3991382612.jpg" alt="韩小暖的博客的头像"
|
||||
class="rounded-circle avatar">
|
||||
<div class="p-2">
|
||||
<a class="user-name" target="_blank" href="https://www.hanxiaonuan.cn/">
|
||||
韩小暖的博客</a>
|
||||
<p class="introduction mt-1">这里是小暖的日常记录，欢迎！</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="component">
|
||||
<form class="layui-form" id="search" method="post" action="https://www.hanxiaonuan.cn/"
|
||||
role="search">
|
||||
<div class="layui-inline input">
|
||||
<input type="text" id="s" name="s" class="layui-input" required="" lay-verify="required"
|
||||
placeholder="输入关键字搜索">
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<button class="layui-btn layui-btn-sm layui-btn-primary"><i
|
||||
class="layui-icon"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="column">
|
||||
<h3 class="title-sidebar"><i class="layui-icon"></i> 栏目分类</h3>
|
||||
<ul class="layui-row layui-col-space5">
|
||||
<li class="layui-col-md12 layui-col-xs6"><a
|
||||
href="https://www.hanxiaonuan.cn/category/default/"><i class="layui-icon"></i>
|
||||
默认分类<span class="layui-badge layui-bg-gray">12</span></a></li>
|
||||
<li class="layui-col-md12 layui-col-xs6"><a href="https://www.hanxiaonuan.cn/category/zc/"><i
|
||||
class="layui-icon"></i> 日常随想<span class="layui-badge layui-bg-gray">2</span></a>
|
||||
</li>
|
||||
<li class="layui-col-md12 layui-col-xs6"><a
|
||||
href="https://www.hanxiaonuan.cn/category/%E5%85%B3%E4%BA%8E%E6%88%BF%E5%AD%90/"><i
|
||||
class="layui-icon"></i> 关于房子<span class="layui-badge layui-bg-gray">1</span></a>
|
||||
</li>
|
||||
<li class="layui-col-md12 layui-col-xs6"><a
|
||||
href="https://www.hanxiaonuan.cn/category/%E5%B7%A5%E4%BD%9C%E6%97%A5%E5%BF%97/"><i
|
||||
class="layui-icon"></i> 工作日志<span class="layui-badge layui-bg-gray">0</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="tags">
|
||||
<h3 class="title-sidebar"><i class="layui-icon"></i>标签云</h3>
|
||||
<div>
|
||||
<a class="layui-btn layui-btn-xs layui-btn-primary" style="color: rgb(231, 229, 26)"
|
||||
href="https://www.hanxiaonuan.cn/tag/%E5%B0%8F%E6%9A%96/" title="小暖">小暖</a>
|
||||
<a class="layui-btn layui-btn-xs layui-btn-primary" style="color: rgb(125, 196, 207)"
|
||||
href="https://www.hanxiaonuan.cn/tag/%E6%84%9F%E6%82%9F/" title="感悟">感悟</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tags">
|
||||
<h3 class="title-sidebar"><i class="layui-icon"></i>系统</h3>
|
||||
<div>
|
||||
<li class="last"><a href="https://www.hanxiaonuan.cn/admin/">进入后台 (admin)</a></li>
|
||||
<li><a href="https://www.hanxiaonuan.cn/action/logout?_=5b09b0e1048bbd45bdddc56fc43667b2">退出</a>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
64
web/themes/default copy/templates/post.tmpl
Normal file
64
web/themes/default copy/templates/post.tmpl
Normal file
@@ -0,0 +1,64 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Page 1</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<style type="text/css">
|
||||
.container {
|
||||
width: 1170px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.post-list {
|
||||
width: 75%;
|
||||
float: left;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
float: left;
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.header {}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="layui-col-md9 layui-col-lg9">
|
||||
<div class="title-article">
|
||||
<h1>{{.Title}}这个是copy</h1>
|
||||
<div class="title-msg">
|
||||
<span><i class="layui-icon"></i> {{.AuthorID}} </span>
|
||||
<span><i class="layui-icon"></i> {{.Created}}</span>
|
||||
<span><i class="layui-icon"></i> {{.CommentsNum}}条</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text" itemprop="articleBody">
|
||||
{{.Text}}
|
||||
</div>
|
||||
<div class="tags-text">
|
||||
<i class="layui-icon"></i>标签:{{.Type}}
|
||||
</div>
|
||||
<div class="copy-text">
|
||||
<div>
|
||||
<p>非特殊说明，本博所有文章均为博主原创。</p>
|
||||
<p class="hidden-xs">如若转载，请注明出处： </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page-text">
|
||||
<div>
|
||||
<span class="layui-badge layui-bg-gray">上一篇</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="layui-badge layui-bg-gray">下一篇</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="comment-text layui-form">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
24
web/themes/default copy/templates/register.tmpl
Normal file
24
web/themes/default copy/templates/register.tmpl
Normal file
@@ -0,0 +1,24 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>{{.Title}}</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>{{.Title}}web下</h1>
|
||||
<form action="/register" method="post">
|
||||
<div>
|
||||
<label>用户名：</label>
|
||||
<input type="text" name="username" required>
|
||||
</div>
|
||||
<div>
|
||||
<label>密码：</label>
|
||||
<input type="password" name="password" required>
|
||||
</div>
|
||||
<div>
|
||||
<label>确认密码：</label>
|
||||
<input type="password" name="confirm_password" required>
|
||||
</div>
|
||||
<button type="submit">注册</button>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
4
web/themes/default copy/theme.yaml
Normal file
4
web/themes/default copy/theme.yaml
Normal file
@@ -0,0 +1,4 @@
|
||||
name: "Default Theme"
|
||||
author: "Blog System"
|
||||
version: "1.0.0"
|
||||
description: "Default clean theme for the blog"
|
||||
12
web/themes/default/templates/header.tmpl
Normal file
12
web/themes/default/templates/header.tmpl
Normal file
@@ -0,0 +1,12 @@
|
||||
{{ define "header" }}
|
||||
<header class="site-header">
|
||||
<div class="container">
|
||||
<a href="/" class="logo">My Blog</a>
|
||||
<nav class="main-nav">
|
||||
<a href="/">首页</a>
|
||||
<a href="/about">关于</a>
|
||||
<a href="/archive">归档</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
{{ end }}
|
||||
@@ -48,22 +48,7 @@
|
||||
|
||||
<body>
|
||||
|
||||
<div class="header">
|
||||
<div class="layui-main">
|
||||
<h1><a class="logo" href="https://www.hanxiaonuan.cn/">韩小暖的博客</a></h1>
|
||||
</div>
|
||||
<ul class="layui-nav">
|
||||
<li class="layui-nav-item layui-hide-xs layui-this">
|
||||
<a href="https://www.hanxiaonuan.cn/">首页</a>
|
||||
</li>
|
||||
|
||||
<li class="layui-nav-item layui-hide-xs ">
|
||||
<a href="https://www.hanxiaonuan.cn/start-page.html" title="关于">关于</a>
|
||||
</li>
|
||||
|
||||
<span class="layui-nav-bar"></span></ul>
|
||||
</div>
|
||||
|
||||
{{ template "header" . }}
|
||||
<div class="container">
|
||||
|
||||
<div class="post-list">
|
||||
|
||||
Reference in New Issue
Block a user