From 69458ad1fdba57194a32adc3f2fc72d87ce3c481 Mon Sep 17 00:00:00 2001
From: nelson <mail_yanpeng@163.com>
Date: Thu, 7 Oct 2021 09:51:51 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B3=A8=E9=87=8A=E5=B9=BF=E5=91=8A=20&=20?=
 =?UTF-8?q?=E5=BC=95=E5=85=A5Valine?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 views/T.header.tpl |   4 +-
 views/blog.html    | 204 ++++++++++-----------------------------------
 2 files changed, 45 insertions(+), 163 deletions(-)

diff --git a/views/T.header.tpl b/views/T.header.tpl
index c8e4075..9fd09cc 100644
--- a/views/T.header.tpl
+++ b/views/T.header.tpl
@@ -17,7 +17,7 @@
     <!-- 引入组件库 -->
     <script src="https://cdn.bootcdn.net/ajax/libs/element-ui/2.15.3/index.min.js"></script>
     <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.4.0/jquery.min.js"></script>
-    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5305532197406602" crossorigin="anonymous"></script>
-    <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" ></script>
+    <!-- <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5305532197406602" crossorigin="anonymous"></script> -->
+    <!-- <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" ></script> -->
     <script type="text/javascript" src="/static/js/seo.js"></script>
 {{end}}
\ No newline at end of file
diff --git a/views/blog.html b/views/blog.html
index 824fa89..fd02962 100644
--- a/views/blog.html
+++ b/views/blog.html
@@ -30,180 +30,62 @@
         </div>
         <div style="width: 100%;height: 100%" class="blog-detaile">
             {{str2html .Blog.BlogHtml}}
+            <ins class="adsbygoogle"
+                 style="display:block; text-align:center;"
+                 data-ad-layout="in-article"
+                 data-ad-format="fluid"
+                 data-ad-client="ca-pub-5305532197406602"
+                 data-ad-slot="2562569334"></ins>
+            <script>
+                (adsbygoogle = window.adsbygoogle || []).push({});
+            </script>
+            <div id="vcomments" style="margin-top: 20px"></div>
         </div>
     </div>
-    <div class="comms-root">
-        <textarea name="desc" placeholder="请输入内容" id="commval" class="layui-textarea"></textarea>
-
-        <div style="text-align: end">
-            <button type="button" class="btn btn-info btn-bordered" id="commBtn">发表评论</button>
-        </div>
-        <div class="comm-container">
-            {{range .Blog.Comms}}
-            <div style="font-size: 14px;margin-top: 10px" class="pcomm-{{.Id}}">
-                <span><a href="/u/{{.CUser.Id}}">{{.CUser.NickName}}</a>:</span>
-                <span>{{.ComVal}}</span>
-                <span onclick="recomm({{.Id}},0,this)" style="font-size: 10px"><a
-                        href="javascript:void(0)">回复</a></span>
-                <hr style="height:1px;border:none;border-top:1px solid #EEE;margin: 5px"/>
-                <div class="child-container">
-                    {{range .Childs}}
-                    <div style="margin-left: 18px" class="ccomm-{{.Id}}">
-                    <span>
-                        <a href="/u/{{.CUser.Id}}">{{.CUser.NickName}}</a> 回复
-                        <a href="/u/{{.BUser.Id}}">{{.BUser.NickName}}</a>:
-                    </span>
-                        <span>{{.ComVal}}</span>
-                        <span onclick="recomm({{.Id}},1)" style="font-size: 10px"><a
-                                href="javascript:void(0)">回复</a></span>
-                    </div>
-
-                    {{end}}
-                </div>
-            </div>
-            {{end}}
-        </div>
-        <div class="blog-referral">
-            {{range .Top}}
-            <div>
-                <a href="/blog/{{.Id}}">
-                    <p>
-                        {{.Title}}
-                    </p>
-                </a>
-            </div>
-            {{end}}
-        </div>
+    <div class="comms-right-root">
+        <div class="_tjgyl4x3spj"></div>
+        <script type="text/javascript">
+            (window.slotbydup = window.slotbydup || []).push({
+                id: "u6636367",
+                container: "_tjgyl4x3spj",
+                async: true
+            });
+        </script>
+    </div>
+    <div class="comms-left-root">
+        <div class="_8g649xzayfg"></div>
+        <script type="text/javascript">
+            (window.slotbydup = window.slotbydup || []).push({
+                id: "u6637423",
+                container: "_8g649xzayfg",
+                async: true
+            });
+        </script>
     </div>
     <div class="footer-container">
         {{template "footer"}}
     </div>
 </div>
 </div>
-</body>
+<script src='//unpkg.com/valine/dist/Valine.min.js'></script>
+<script type="text/javascript">
+    new Valine({
+        el: '#vcomments',
+        appId: 'lWtRBAAXGC76c8isonGu2T1r-gzGzoHsz',
+        appKey: 'BuczlnuLsdPXd6DVdCirNiIo',
+        visitor: true,
+        placeholder: ' 欢迎留下您的宝贵建议，请填写您的昵称和邮箱便于后续交流. ^_^ ',
+        requiredFields: ['mail'],
+        lang: "zh-cn"
+    });
+</script>
+
 <script>
     hljs.initHighlightingOnLoad();
 
     $(function () {
-        $("#commBtn").click(function () {
-            var commval = $("#commval").val()
-            if (!commval || commval.trim().length < 3) {
-                layer.msg('评论最少三个字', function () {
-                });
-                return
-            }
-            $.post('/api/comms/save', {
-                        blog: {{.Blog.Id}},
-                        commval: commval
-                    },
-                    function (data) {
-                        if (data.Status == 0) {
-                            var res = ' <div style="font-size: 14px;margin-top: 10px"  class="pcomm-' + data.Data.Id + '">\n' +
-                                    '            <span><a href="/u/' + data.Data.CuserId + '">' + data.Data.CUser.NickName + '</a>:</span>\n' +
-                                    '            <span>' + commval + '</span>\n' +
-                                    '<span onclick="recomm(' + data.Data.Id + ',0)" style="font-size: 10px"><a href="javascript:void(0)">回复</a></span>' +
-                                    '            <hr style="height:1px;border:none;border-top:1px solid #EEE;margin: 5px"/>\n' +
-                                    '   <div class="child-container"></div>     </div>'
-                            $(".comm-container").append(res)
-                            $("#commval").val("")
-                            layer.msg("保存成功", {icon: 6});
-                        } else if (data.Status == 401) {
-                            window.location.href = "/login"
-                        } else {
-                            layer.msg("保存失败", {icon: 5});
-                            window.location.href = "/"
-                        }
-                    }, 'json')
-        })
-
-        /*百度收录*/
-        var bp = document.createElement('script');
-        var curProtocol = window.location.protocol.split(':')[0];
-        if (curProtocol === 'https') {
-            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
-        }
-        else {
-            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
-        }
-        var s = document.getElementsByTagName("script")[0];
-        s.parentNode.insertBefore(bp, s);
 
-        /*360收录*/
-        var qihuo = document.createElement('script');
-        if (curProtocol === 'https') {
-            qihuo.src = 'https://jspassport.ssl.qhimg.com/11.0.1.js?d33b14200fa89b7ecd3780341cd234c';
-        }
-        else {
-            qihuo.src = 'http://js.passport.qihucdn.com/11.0.1.js?d33b14200fa89b7ecd3780341cd234c4';
-        }
-        qihuo.id = "sozz"
-        var s = document.getElementsByTagName("script")[1];
-        s.parentNode.insertBefore(qihuo, s);
     })
-
-    function recomm(pid, flag) {
-        layer.prompt({title: '请输入评论内容', value: name, formType: 2}, function (val, index) {
-            if (val.trim().length < 3) {
-                layer.msg('评论最少三个字', function () {
-                });
-                layer.close(index);
-                return
-            }
-            $.post('/api/comms/save', {blog: {{.Blog.Id}},commval: val,pid: pid},
-                    function (data) {
-                        if (data.Status == 0) {
-                            var res = '<div style="margin-left: 18px" class="ccomm-' + data.Data.Id + '">\n' +
-                                    '    <span>\n' +
-                                    '       <a href="/u/' + data.Data.CUser.Id + '">' + data.Data.CUser.NickName + '</a> 回复\n' +
-                                    '       <a href="/u/' + data.Data.BUser.Id + '">' + data.Data.BUser.NickName + '</a>:\n' +
-                                    '    </span>\n' +
-                                    '    <span>' + val + '</span>\n' +
-                                    '    <span onclick="recomm(' + data.Data.Id + ',1)" style="font-size: 10px"><a href="javascript:void(0)">回复</a></span>\n' +
-                                    ' </div>'
-                            if (flag == 0) {
-                                $(".pcomm-" + pid + " .child-container").append(res)
-                            } else {
-                                $($(".ccomm-" + pid)[0]).parent().append(res)
-                            }
-                            $("#commval").val("")
-                            layer.close(index);
-                            layer.msg("保存成功", {icon: 6});
-                        } else if (data.Status == 401) {
-                            window.location.href = "/login"
-                        } else {
-                            layer.msg("保存失败", {icon: 5});
-                            window.location.href = "/"
-                        }
-                    }, 'json')
-        });
-    }
-
-    function like(id) {
-        $.get('/api/like/' + id,
-                function (data) {
-                    if (data.Status == 0) {
-                        window.location.href = window.location.href
-                    } else if (data.Status == 401) {
-                        window.location.href = "/login"
-                    } else {
-                        layer.msg("服务器异常", {icon: 5});
-                    }
-                }, 'json')
-    }
-
-    function unlike(id) {
-        $.get('/api/unlike/' + id,
-                function (data) {
-                    if (data.Status == 0) {
-                        window.location.href = window.location.href
-                    } else if (data.Status == 401) {
-                        window.location.href = "/login"
-                    } else if (data.Status == 403) {
-                        layer.msg("暂无权限", {icon: 5});
-                    } else {
-                        layer.msg("服务器异常", {icon: 5});
-                    }
-                }, 'json')
-    }
 </script>
+</body>
 </html>
\ No newline at end of file