detailmk.html 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  6. <meta name="description" content="" />
  7. <meta name="author" content="" />
  8. <!--[if IE]>
  9. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  10. <![endif]-->
  11. <title>我的博客</title>
  12. <!-- BOOTSTRAP CORE STYLE CSS -->
  13. <link href="__PUBLIC__/css/bootstrap.css" rel="stylesheet" />
  14. <!-- FONTAWESOME STYLE CSS -->
  15. <link href="__PUBLIC__/css/font-awesome.css" rel="stylesheet" />
  16. <!-- CUSTOM STYLE CSS -->
  17. <link href="__PUBLIC__/css/style.css" rel="stylesheet" />
  18. <link rel="stylesheet" href="__PUBLIC__/editor.md-master/css/editormd.min.css" />
  19. <script src="__PUBLIC__/editor.md-master/examples/js/jquery.min.js"></script>
  20. <script src="__PUBLIC__/editor.md-master/editormd.min.js"></script>
  21. <script src="__PUBLIC__/editor.md-master/lib/marked.min.js"></script>
  22. <script src="__PUBLIC__/editor.md-master/lib/prettify.min.js"></script>
  23. <style>
  24. .img-responsive{
  25. max-width: 80%;
  26. }
  27. #pinglun{
  28. width: 650px;
  29. position: relative;
  30. left: 30px;
  31. background-color: #e2eff9;
  32. border-radius: 20px;
  33. padding: 10px;
  34. margin-top: 10px;
  35. word-wrap: break-word;
  36. }
  37. #pinglun :hover{
  38. text-shadow: 1px 1px 1px gray;
  39. }
  40. #pinglun :after{
  41. content: "\00a0";
  42. display: block;
  43. position:absolute;
  44. top:15px;
  45. left: -20px;
  46. width: 0;
  47. height: 0;
  48. border-style: solid;
  49. border-width: 10px 20px 10px 0px;
  50. border-color: transparent #e2eff9 transparent transparent;
  51. }
  52. </style>
  53. <script type="text/javascript">
  54. $(function () {
  55. editormd.markdownToHTML("my-content");
  56. })
  57. </script>
  58. </head>
  59. <body>
  60. <section class="header-section">
  61. <div class="container">
  62. <div class="row">
  63. <div class="col-md-2">
  64. <img src="__PUBLIC__/img/person.jpg" class="img-circle img-responsive" />
  65. </div>
  66. <div class="col-md-5 text-center">
  67. <h1><strong>余丹丹 </strong></h1>
  68. <h4>博客</h4>
  69. </div>
  70. <div class="col-md-5">
  71. <h3>sharing</h3>
  72. 相互分享心得,共同学习
  73. <i><strong>1762580721@qq,.com</strong></i>
  74. </div>
  75. </div>
  76. </div>
  77. </section>
  78. <!--HOME SECTION END-->
  79. <hr />
  80. <section >
  81. <div class="container">
  82. <div class="row">
  83. <div class="col-md-9" >
  84. <div class="blog-main">
  85. <div class="heading-blog">
  86. {$art.title}
  87. </div>
  88. <div class="blog-info">
  89. <span class="label label-primary">{$art.time|date="Y-m-d",###}</span>
  90. <span class="label label-success">{$art.category}</span>
  91. <span class="label label-danger">{$art.auth}</span>
  92. </div>
  93. <div class="blog-txt">
  94. <?php echo htmlspecialchars_decode($art['summary']);?>
  95. </div>
  96. <div class="blog-txt" id="my-content">
  97. {$art.content|htmlspecialchars_decode}
  98. </div>
  99. </div>
  100. <!--BLOG MAIN SECTION END-->
  101. <h3 ><strong>回复</strong></h3>
  102. <hr />
  103. <ul class="media-list">
  104. <volist name="repl" id="repl">
  105. <li class="media">
  106. 评论人: {$repl.name}<div class="media-body">评论:{$repl.content}</div>
  107. </li>
  108. </volist>
  109. </ul>
  110. <div>
  111. <hr />
  112. <h3 ><strong>评论区</strong></h3>
  113. <hr />
  114. <form action="{:U('Index/reply')}" method="get" accept-charset="utf-8">
  115. <div class="row">
  116. <div class="col-md-6">
  117. <input type="text" name="name" id="pinglun" placeholder="你的名字" class="form-control input-lg">
  118. </div>
  119. </div>
  120. <textarea rows="10" name="content" id="pinglun" placeholder="你的评论" class="form-control input-lg">
  121. </textarea>
  122. <input type="hidden" name="aid" value="{$_GET['id']}">
  123. <div class="buttons clearfix">
  124. <button style="margin-top: 25px;margin-left: 35px;" type="submit" class="btn btn-xlarge btn-clean-one" onclick="return confirm('确认提交?');value='确认'">提交我的评论</button>
  125. </div>
  126. </form>
  127. </div>
  128. <!--COMMENTS SECTION END-->
  129. </div>
  130. <div class="col-md-3">
  131. <ul class="list-group">
  132. <li class="list-group-item">
  133. <strong>主要内容</strong>
  134. </li>
  135. <volist name="tag" id="vo">
  136. <li class="list-group-item">
  137. <span class="badge"> {$vo}</span>
  138. {$key}
  139. </li>
  140. </volist>
  141. </ul>
  142. <br />
  143. <!--<div style="padding-top:30px;">-->
  144. <!--<ul class="list-group">-->
  145. <!--<li class="list-group-item">Advrtisements</li>-->
  146. <!--<li class="list-group-item">-->
  147. <!--<a href="#">-->
  148. <!--<img src="assets/img/ad1.jpg" class="img-responsive" />-->
  149. <!--</a>-->
  150. <!--<br />-->
  151. <!--<a href="#">-->
  152. <!--<img src="assets/img/ad2.jpg" class="img-responsive" />-->
  153. <!--</a>-->
  154. <!--</li>-->
  155. <!--</ul>-->
  156. <!--</div>-->
  157. <br />
  158. </div>
  159. </div>
  160. </div>
  161. </section>
  162. <hr />
  163. <div class="container">
  164. <div class="row">
  165. <div class="col-md-12 text-center set-foot">
  166. <a href="https://weibo.com/u/5746288076/home?wvr=5" target="_blank" title="新浪微博">余丹丹的微博</a>
  167. </div>
  168. </div>
  169. </div>
  170. </body>
  171. </html>