<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width" />
    <title>{{ .title }} - 个人博客 - 猪坚强的学习笔记</title>
	<meta name="keywords" content="{{ .title }}博客,个人博客,猪坚强个人博客,PHP,GoLang,Go博客" /> 
    <meta name="description" content="猪坚强个人博客是一个关注PHP、Go、MySql、Redis技术的个人博客，提供一个互联网从业者的学习成果和工作经验总结。" /> 
    <link rel="stylesheet" href="/theme/yanshisan/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="/theme/yanshisan/layui/css/layui.css" />
    <link rel="stylesheet" href="/theme/yanshisan/css/master.css" />
    <link rel="stylesheet" href="/theme/yanshisan/css/gloable.css" />
    <link rel="stylesheet" href="/theme/yanshisan/css/nprogress.css" />
    <link rel="stylesheet" href="/theme/yanshisan/css/blog.css" />
    <link rel="stylesheet" href="/theme/yanshisan/css/animate.min.css" />
</head>
<body>
    {{template "header" .}}
    <div class="doc-container" id="doc-container">
        <div class="container-fixed">
		    <div class="col-content">
		        <div class="inner">
		            <article class="article-list bloglist" id="LAY_bloglist" >
						{{ range $index, $item := .articleList.Data }}
						<section class="article-item zoomIn article">
							{{if eq $item.IsTop 1 }}
							<div class="fc-flag">置顶</div>   
							{{end}}
							<h5 class="title">       
								<span class="fc-blue">【{{ $item.Catename }}】</span>       
								<a href="/article/{{ $item.Id }}">{{ $item.Title }}</a>   
							</h5>   
							<div class="time"></div>   
							<div class="content">       
								<a href="/article/{{ $item.Id }}" class="cover img-light">           
									<img src="{{ $item.Thumb }}">       
								</a>
								{{ $item.Description}}
							</div>   
							<div class="read-more">       
								<a href="/article/{{ $item.Id }}" class="fc-black f-fwb">继续阅读</a>   
							</div>    
							<aside class="f-oh footer">       
								<div class="f-fl tags">
									<span class="fa fa-tags fs-16"></span>           
									{{range $tag := $item.Tag|tag_split }}
									{{if ne $tag ""}}
									<a class="tag" href="/tag/{{$tag}}" title="{{ $tag }}">{{ $tag }}</a>
									{{end}}
									{{end}}
								</div>       
								<div class="f-fr">           
									<span class="read">               
										<i class="fa fa-thermometer-half fs-16"></i>               
										<i class="num">{{ $item.Views }}</i>           
									</span>									
								</div>   
							</aside>
						</section>
						{{end}}						
					</article>
					<input type="hidden" id="type" value="{{ .type }}">
					<input type="hidden" id="keyword" value="{{ .keyword }}">
		        </div>
		    </div>
		    <div class="col-other">
		        <div class="inner">
					<div class="other-item wow swing" id="categoryandsearch">
			    		<div class="search">
					        <label class="search-wrap">
					            <input type="text" id="searchtxt" name="keyword" placeholder="输入关键字搜索" />
					            <span class="search-icon">
					                <i class="fa fa-search"></i>
					            </span>
					        </label>
			        		<ul class="search-result"></ul>
			    		</div>
			    		<ul class="category mt20" id="category">
				        	<li data-index="0" class="slider"></li>
				        	<li data-index="1"><a href="/">全部文章</a></li>
				            <li data-index="2"><a href="/category/article">技术文章</a></li>
				            <li data-index="3"><a href="/category/algorithm">算法学习</a></li>
				            <li data-index="4"><a href="/tag/mysql">MySql</a></li>
				            <li data-index="5"><a href="/tag/redis">Redis</a></li>
				            <li data-index="6"><a href="/tag/go">Go</a></li>
				            <li data-index="7"><a href="/tag/php">PHP</a></li>
				            <li data-index="8"><a href="/tag/seo">SEO</a></li>
			    		</ul>
					</div>
					<!--右边悬浮 平板或手机设备显示-->
					<div class="category-toggle"><i class="layui-icon">&#xe603;</i></div>
					<div class="article-category">
					    <div class="article-category-title">分类导航</div>
					            <a href="/category/article">技术文章</a>
					            <a href="/category/algorithm">算法学习</a>
					            <a href="/tag/mysql">MySql</a>
					            <a href="/tag/redis">Redis</a>
					            <a href="/tag/go">Go</a>
					            <a href="/tag/php">PHP</a>
					            <a href="/tag/seo">SEO</a>
					    <div class="f-cb"></div>
					</div>
					<!--遮罩-->
					<div class="blog-mask animated layui-hide"></div>
					<div class="other-item wow swing">
					    <h5 class="other-item-title">热门文章</h5>
					    <div class="inner">
					        <ul class="hot-list-article">
								{{ range $index, $item := getarticlelimit "" "`is_top` desc" 8 }}
								<li> <a href="/article/{{ $item.Id }}">{{ $item.Title }}</a></li>
								{{end}}
					        </ul>
					    </div>
					</div>
					<div class="other-item wow swing">
					    <h5 class="other-item-title">置顶推荐</h5>
					    <div class="inner">
					        <ul class="hot-list-article">
								{{ range $index, $item := getarticlelimit "" "`views` desc" 8 }}
								<li> <a href="/article/{{ $item.Id }}">{{ $item.Title }}</a></li>
								{{end}}
					        </ul>
					    </div>
					</div>
					
		        </div>
		    </div>
		</div>
    </div>
	
	{{template "footer" }}

    <script src="/theme/yanshisan/layui/layui.js"></script>
    <script src="/theme/yanshisan/js/yss/gloable.js"></script>
    <script src="/theme/yanshisan/js/plugins/nprogress.js"></script>
    <script>NProgress.start();</script>
 	<script src="/theme/yanshisan/js/yss/article.js"></script>
 	<script src="/theme/yanshisan/js/wow.min.js"></script>
    <script> 
        window.onload = function () {
            NProgress.done();
		};
		new WOW().init();
    </script>
</body>
</html>
