[ADD]静态页面导入

.gitignore

@@ -9,4 +9,9 @@
 
 # Output of the go coverage tool, specifically when used with LiteIDE
 *.out
-.idea
+*.DS_Store
+
+.idea
+lastupdate.tmp
+liteblog
+routers/commentsRouter_controllers.go

controllers/base.go

@@ -0,0 +1,25 @@
+package controllers
+
+import (
+	"github.com/astaxie/beego"
+	"log"
+)
+
+type NestPreparer interface {
+	NestPrepare()
+}
+
+type BaseController struct {
+	beego.Controller
+}
+
+func (ctx *BaseController) Prepare() {
+	log.Println("BaseController")
+	// 判断子类是否实现了NestPreparer接口，如果实现了就调用接口方法。
+	// 将页面路径保存到path变量中
+	ctx.Data["Path"] = ctx.Ctx.Request.RequestURI
+	ctx.Data["Username"] = "xxxx"
+	if app, ok := ctx.AppController.(NestPreparer); ok {
+		app.NestPrepare()
+	}
+}

controllers/default.go

@@ -1,15 +0,0 @@
-package controllers
-
-import (
-	"github.com/astaxie/beego"
-)
-
-type MainController struct {
-	beego.Controller
-}
-
-func (c *MainController) Get() {
-	c.Data["Website"] = "beego.me"
-	c.Data["Email"] = "astaxie@gmail.com"
-	c.TplName = "index.tpl"
-}

controllers/error.go

@@ -0,0 +1,10 @@
+package controllers
+
+type ErrorController struct {
+	BaseController
+}
+
+func (c *ErrorController) Error404() {
+	c.Data["Content"] = "Page not found"
+	c.TplName = "error/404.html"
+}

controllers/index.go

@@ -0,0 +1,21 @@
+package controllers
+
+type IndexController struct {
+	BaseController
+}
+
+//首页
+// @router / [get]
+func (c *IndexController) Get() {
+	c.TplName = "index.html"
+}
+//留言
+// @router /message [get]
+func (c *IndexController) GetMessage() {
+	c.TplName = "message.html"
+}
+//关于
+// @router /about [get]
+func (c *IndexController) GetAbout() {
+	c.TplName = "about.html"
+}

main.go

@@ -3,9 +3,19 @@ package main
 import (
 	_ "liteblog/routers"
 	"github.com/astaxie/beego"
+	"strings"
 )
 
 func main() {
+	initTemplate()
 	beego.Run()
 }
 
+func initTemplate() {
+	_ = beego.AddFuncMap("equrl", func(x, y string) bool {
+		s1 := strings.Trim(x, "/")
+		s2 := strings.Trim(y, "/")
+		return strings.Compare(s1, s2) == 0
+	})
+}
+

routers/router.go

@@ -1,10 +1,12 @@
 package routers
 
 import (
-	"liteblog/controllers"
 	"github.com/astaxie/beego"
+	"liteblog/controllers"
 )
 
 func init() {
-    beego.Router("/", &controllers.MainController{})
+    //beego.Router("/", &controllers.IndexController{})
+    beego.ErrorController(&controllers.ErrorController{})
+	beego.Include(&controllers.IndexController{})
 }

static/css/mian.css

@@ -0,0 +1,310 @@
+/**
+
+ @Name：layuiBlog
+ @Author：xuzhiwen
+ @Site：http://www.layui.com/template/xianyan/
+ @License：MIT
+ 
+ */
+
+
+/* ===========
+	工具样式
+   =========== */
+
+
+
+.pull-right{
+	float: right !important;
+}
+
+.pull-left{
+	float: left !important;
+}
+
+/* ==============
+	自定义页面样式
+   ============== */
+html,body{
+	height: 100%;
+}
+body{
+	font-size: 1.2rem;
+	line-height: 1.5;
+	background: #f2f2f2;
+}
+
+
+/* 网站头部 */
+
+
+
+/* start header */
+.lay-blog .header{
+	position:relative;
+}
+.lay-blog .header-wrap{
+	padding:0 70px 0 40px;
+}
+.lay-blog .header{
+	height: 100px;
+	margin-bottom: -100px;
+	line-height:100px;
+	background: #1e9fff;
+}
+.lay-blog .logo-img{
+	height:65px;
+	padding-right: 10px;
+}
+.lay-blog .blog-seach{
+	padding:30px 0 0 85px;
+}
+.lay-blog .blog-sewrap{
+	margin-bottom: 0px;
+}
+.lay-blog .blog-sebox{
+	position:relative;
+	margin-left: 0; 
+    min-height: auto;
+}
+.lay-blog .blog-seach i{
+	position: absolute;
+	color:#fff;
+	width: 25px;
+	height: 27px;
+	line-height:27px;
+	top: 9px;
+	left: 15px;
+	font-size: 20px;
+	cursor: pointer;
+}
+.lay-blog .blog-seach input{
+	padding-left:50px;
+	width: 367px;
+	height:45px;
+	line-height:45px;
+	background:transparent;
+	border: 1px solid rgba(255,255,255,.15);
+	font-size:16px;
+	color: #fff;
+}
+.lay-blog .blog-seach input.layui-input:hover{border-color: rgba(255,255,255,.5) !important ;}
+
+.lay-blog .blog-nav ul{
+	background:transparent;
+	padding-left:0px;
+	padding-right: 20px;
+}
+.lay-blog .blog-nav ul li{
+	line-height: 100px;
+}
+.lay-blog .blog-nav ul li a{
+	font-size: 16px;
+	padding: 0 34px;
+}
+
+.lay-blog .blog-nav ul li.layui-this:after,
+.lay-blog .layui-nav-bar{
+	background: #C1E4FF;
+}
+
+.lay-blog .blog-nav .personal{
+	height:100px;
+}
+.lay-blog .blog-nav .personal i{
+	color:#FFF;
+	font-size: 20px;
+}
+.lay-blog .blog-nav .personal:hover{
+	color:#FFF;
+
+}
+.lay-blog .mobile-nav{
+	display:none;
+	padding:0 20px;
+}
+.lay-blog .mobile-nav i{
+	font-size: 40px;
+	color: #fff;
+}
+.lay-blog ul.pop-nav{
+	width:100%;
+	line-height:60px;
+	position:absolute;
+	left:0px;
+	top:100px;
+	text-align:center;
+	background:#1e9fff;
+	display:none;
+	z-index: 2;
+}
+.lay-blog ul.pop-nav  li{
+	border-top: 2px solid rgba(255,255,255,0.08);
+}
+.lay-blog ul.pop-nav li a{
+	display:block;
+	height:100%;
+	width:100%;
+	font-size:20px;
+	color:#fff;
+}
+@media only screen and (max-width: 1100px) {
+	.lay-blog .blog-seach{
+		padding-left:50px;
+	}
+    .lay-blog .blog-seach input{
+    	width: 200px;
+    }
+}
+
+@media only screen and (max-width:  900px) {
+	.lay-blog .blog-seach{
+		display:none;
+	}
+
+}
+@media only screen and (max-width:  750px) {
+	.lay-blog .blog-nav{
+		display:none;
+	}
+	.lay-blog .mobile-nav{
+		display:block;
+	}
+	.lay-blog .header-wrap{
+	padding:0 20px 0 40px;
+	}
+	.lay-blog ul#pop-nav{
+		display:none;
+	}
+}
+@media only screen and (min-width:  750px) {
+	.lay-blog ul#pop-nav{
+		display:none !important;
+	}
+}
+
+/* end header */
+
+
+/* 辅助 */
+.lay-blog .container .count .layblog-this{color: #FF5722 !important;}
+
+/* start container */
+.lay-blog .container-wrap{margin:0px auto 0;min-height:100%;padding:120px 0 160px 0;box-sizing: border-box;}
+.lay-blog .container{width:750px;margin:0 auto;}
+.lay-blog .container h4{margin-bottom: 15px; line-height: 70px;background: #fff;font-size:16px;}
+.lay-blog .container h4 p{padding-left:40px;color:#666666;}
+.lay-blog .container h4 p i{font-size:26px;padding-right:10px;position:relative;top:3px;}
+.lay-blog .container .item{margin-bottom: 15px; background: #fff; padding-top: 20px;}
+.lay-blog .container .item .item-box{padding:0 35px 24px;font-size:14px;}
+.lay-blog .container .item h3{line-height:36px;font-size:20px;}
+.lay-blog .container .item h5{line-height: 38px;color:#a5a5a5;}
+.lay-blog .container .item p{line-height:30px; padding-bottom: 10px;}
+.lay-blog .container .item .comment{width: 100%; line-height: 56px; background: #f9f9f9; font-size: 14px; overflow:hidden;}
+.lay-blog .container .item .comment a{display:inline-block;width:50%;text-align:center;float: left;}
+.lay-blog .container .item .comment a+a{border-left:1px solid #efefef;margin-left:-1px;}
+.lay-blog .container .item-btn{text-align:center;margin-top:20px;}
+
+
+@media only screen and (max-width:  750px) {
+	.lay-blog .container{width:100%; margin: 0 auto 70px;}
+	.lay-blog .container .contar-wrap{padding: 0 10px 10px;}
+
+	.lay-blog .container-wrap{padding-top: 110px;}
+}
+/* end container */
+
+/*    height: 60px;
+    margin-top: -60px;
+    background: maroon;
+*/
+
+/* start foooter */ .lay-blog .footer{width: 100%; padding: 30px 0; line-height: 30px
+	;background: #23262e; color: #fff; color: rgba(255,255,255,0.5); font-size: 14px; text-align:center;margin-top: -120px;}
+.lay-blog .footer span{padding: 0 5px;}
+.lay-blog .footer a{color: #fff; color: rgba(255,255,255,0.5);}
+
+/* end foooter */
+
+
+
+/* start message*/
+
+.container-message textarea{
+	font-size:14px;
+}
+.lay-blog .container-message .item-btn{
+	text-align: right;
+}
+.lay-blog .container-message .item-btn{margin-bottom: 50px;}
+.lay-blog .container-message .info-item{font-size:14px;margin-bottom:66px;}
+.lay-blog .container-message .info-img{cursor: pointer;float: left;padding-right:20px;}
+.lay-blog .container-message .info-text{padding-left:88px;}
+.lay-blog .container-message .title{overflow:hidden;margin-bottom:10px;}
+.lay-blog .container-message .title .name{float: left; display: block; line-height: 38px; color:#787878;}
+.info-intr{line-height: 24px;}
+.lay-blog .container-message .title .info-img{float: right;font-size;color:#4b5a75;}
+.lay-blog .container-message .title .info-img i{font-size: 24px;padding-right: 5px;position: relative;top: 4px;} 
+.lay-blog .container-message .paging{text-align:center;padding-top:30px;}
+/* end message*/
+
+
+
+
+/* start details */
+.lay-blog .container-details .item{
+	margin-bottom: 30px;
+}
+.lay-blog .container-details .comt{
+	padding:0 20px;
+	font-size: 18px;
+	margin-bottom:90px;
+}
+.lay-blog .container-details .count{
+	margin-top:35px;
+	color:#999999;
+	cursor: pointer;
+}
+.lay-blog .container-details .count i{
+	margin-right:5px;
+	position:relative;
+	top:2px;
+	cursor: pointer;
+}
+/* end details */
+
+
+
+/* start about */
+.container-about .item .item-box h3{
+	margin-bottom:10px;
+}
+.container-about .item .item-box p{
+	color:#6a6a6a;
+	margin-bottom:20px;
+}
+/* end about */
+
+
+
+
+/*start comment*/
+.container-comment .btnbox{
+	text-align: right;
+	padding-top: 20px;
+}
+.container-comment .btnbox a{
+	display: inline-block;
+    height: 38px;
+    line-height: 38px;
+    padding: 0 18px;
+    background-color: #009688;
+    color: #fff;
+    white-space: nowrap;
+    text-align: center;
+    font-size: 14px;
+    border: none;
+    border-radius: 2px;
+    cursor: pointer;
+}
+/*end comment*/

static/js/blog.js

@@ -0,0 +1,163 @@
+/**
+
+ @Name：layui.blog 闲言轻博客模块
+ @Author：徐志文
+ @License：MIT
+ @Site：http://www.layui.com/template/xianyan/
+    
+ */
+layui.define(['element', 'form','laypage','jquery','laytpl'],function(exports){
+  var element = layui.element
+  ,form = layui.form
+  ,laypage = layui.laypage
+  ,$ = layui.jquery
+  ,laytpl = layui.laytpl;
+  
+
+  //statr 分页
+  
+  laypage.render({
+    elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
+    ,count: 50 //数据总数，从服务端得到
+    ,theme: '#1e9fff'
+  });
+  
+  // end 分頁
+ 
+
+
+  // start 导航显示隐藏
+  
+  $("#mobile-nav").on('click', function(){
+    $("#pop-nav").toggle();
+  });
+
+  // end 导航显示隐藏
+
+
+
+
+  //start 评论的特效
+  
+  (function ($) {
+    $.extend({
+        tipsBox: function (options) {
+          options = $.extend({
+            obj: null,  //jq对象，要在那个html标签上显示
+            str: "+1",  //字符串，要显示的内容;也可以传一段html，如: "<b style='font-family:Microsoft YaHei;'>+1</b>"
+            startSize: "12px",  //动画开始的文字大小
+            endSize: "30px",    //动画结束的文字大小
+            interval: 600,  //动画时间间隔
+            color: "red",    //文字颜色
+            callback: function () { }    //回调函数
+          }, options);
+
+          $("body").append("<span class='num'>" + options.str + "</span>");
+
+          var box = $(".num");
+          var left = options.obj.offset().left + options.obj.width() / 2;
+          var top = options.obj.offset().top - 10;
+          box.css({
+            "position": "absolute",
+            "left": left + "px",
+            "top": top + "px",
+            "z-index": 9999,
+            "font-size": options.startSize,
+            "line-height": options.endSize,
+            "color": options.color
+          });
+          box.animate({
+            "font-size": options.endSize,
+            "opacity": "0",
+            "top": top - parseInt(options.endSize) + "px"
+          }, options.interval, function () {
+            box.remove();
+            options.callback();
+          });
+        }
+      });
+  })($); 
+
+  function niceIn(prop){
+    prop.find('i').addClass('niceIn');
+    setTimeout(function(){
+      prop.find('i').removeClass('niceIn'); 
+    },1000);    
+  }
+
+  $(function () {
+    $(".like").on('click',function () {
+     
+      if(!($(this).hasClass("layblog-this"))){
+        this.text = '已赞';
+        $(this).addClass('layblog-this');
+        $.tipsBox({
+          obj: $(this),
+          str: "+1",
+          callback: function () {
+          }
+        });
+        niceIn($(this));
+        layer.msg('点赞成功', {
+          icon: 6
+          ,time: 1000
+        })
+      } 
+    });
+  });
+
+  //end 评论的特效
+
+
+  // start点赞图标变身
+  $('#LAY-msg-box').on('click', '.info-img', function(){
+    $(this).addClass('layblog-this');
+  })
+
+
+  // end点赞图标变身
+
+  //end 提交
+  $('#item-btn').on('click', function(){
+    var elemCont = $('#LAY-msg-content')
+    ,content = elemCont.val();
+    if(content.replace(/\s/g, '') == ""){
+      layer.msg('请先输入留言');
+      return elemCont.focus();
+    }
+
+    var view = $('#LAY-msg-tpl').html()
+
+    //模拟数据
+    ,data = {
+      username: '闲心'
+      ,avatar: '../res/static/images/info-img.png'
+      ,praise: 0
+      ,content: content
+    };
+
+    //模板渲染
+    laytpl(view).render(data, function(html){
+      $('#LAY-msg-box').prepend(html);
+      elemCont.val('');
+      layer.msg('留言成功', {
+        icon: 1
+      })
+    });
+
+  })
+
+  // start  图片遮罩
+  var layerphotos = document.getElementsByClassName('layer-photos-demo');
+  for(var i = 1;i <= layerphotos.length;i++){
+    layer.photos({
+      photos: ".layer-photos-demo"+i+""
+      ,anim: 0
+    }); 
+  }
+  // end 图片遮罩
+
+
+  //输出test接口
+  exports('blog', {}); 
+});  

static/js/reload.min.js

@@ -1 +0,0 @@
-function b(a){var c=new WebSocket(a);c.onclose=function(){setTimeout(function(){b(a)},2E3)};c.onmessage=function(){location.reload()}}try{if(window.WebSocket)try{b("ws://localhost:12450/reload")}catch(a){console.error(a)}else console.log("Your browser does not support WebSockets.")}catch(a){console.error("Exception during connecting to Reload:",a)};

static/layui/css/modules/code.css

@@ -0,0 +1,2 @@
+/** layui-v2.2.6 MIT License By https://www.layui.com */
+ html #layuicss-skincodecss{display:none;position:absolute;width:1989px}.layui-code-h3,.layui-code-view{position:relative;font-size:12px}.layui-code-view{display:block;margin:10px 0;padding:0;border:1px solid #e2e2e2;border-left-width:6px;background-color:#F2F2F2;color:#333;font-family:Courier New}.layui-code-h3{padding:0 10px;height:32px;line-height:32px;border-bottom:1px solid #e2e2e2}.layui-code-h3 a{position:absolute;right:10px;top:0;color:#999}.layui-code-view .layui-code-ol{position:relative;overflow:auto}.layui-code-view .layui-code-ol li{position:relative;margin-left:45px;line-height:20px;padding:0 5px;border-left:1px solid #e2e2e2;list-style-type:decimal-leading-zero;*list-style-type:decimal;background-color:#fff}.layui-code-view pre{margin:0}.layui-code-notepad{border:1px solid #0C0C0C;border-left-color:#3F3F3F;background-color:#0C0C0C;color:#C2BE9E}.layui-code-notepad .layui-code-h3{border-bottom:none}.layui-code-notepad .layui-code-ol li{background-color:#3F3F3F;border-left:none}