Merge pull request #3 from phpzlc/style

Style

Author: CJayHe

README.markdown

@@ -107,6 +107,8 @@ QQ群 ([645891927](https://jq.qq.com/?_wv=1027&k=ZpwdagVG))
 ![](/assets/images/zxsjgzh-2.png)
 
 > 知乎号(PHP知了虫)
+
+![](/assets/images/zhihu-1.png)
 
 ## 赞赏支持
 

_includes/content.html

@@ -30,7 +30,8 @@
   }
 
   #md-content img {
-    max-width: 600px;
+    width: 100%;
+    /* max-width: 600px; */
   }
 
   pre[class*="language-"] {
@@ -121,7 +122,7 @@ <h2 class="title">{{ page.title }}</h2>
       <p class="time"><span>{{ page.date | date: "%Y-%m-%d" }}&nbsp;&nbsp;by&nbsp;&nbsp;</span><span id="author"></span>
       </p>
     </div>
-    <div class="a_link"></div>
+    <ul class="a_link"></ul>
     <div id="md-content">
       {{ content }}
       <div class="nav-bottom">
@@ -198,12 +199,12 @@ <h2 class="title">{{ page.title }}</h2>
 <script>
   $(function () {
     var title = $("#md-content h2");
-    console.log(title);
+    // console.log(title);
     html = '';
     title.each(function () {
       var text = $(this)[0].innerText;
       var id = $(this).eq(0).attr("id");
-      console.log(text, id)
+      // console.log(text, id)
       html += `<li><a href="#${id}">${text}</a></li>`
     })
     $(".a_link").append(html)

_includes/footer.html

@@ -41,6 +41,12 @@
                 <p>扫码关注作者头条号</p>
               </div>
             </li>
+            <li class="li-code">
+              <div>
+                <img src="/assets/images/zhihu-1.png">
+                <p>扫码关注作者知乎号</p>
+              </div>
+            </li>
           </ul>
         </li>
       </ul>

assets/css/main.css

@@ -1,6 +1,6 @@
 .promo-block-inner-bottom{
     padding: 30px;
-    padding-left: 100px;
+    /* padding-left: 100px; */
     color: #fff;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
@@ -137,13 +137,16 @@
     padding-bottom: 20px;
   }
   .promo-block-inner-bottom .li-community ul .li-code {
-    width: 30%;
+    width: 40%;
     padding: 0;
     float: none;
-    margin-right: 5%;
+    margin: 0 5% 5% 5%;
   }
   .promo-block-inner-bottom .li-community ul .li-code:nth-last-of-type(1) {
-    margin-right: 0;
+    margin-bottom: 0;
+  }
+  .promo-block-inner-bottom .li-community ul .li-code:nth-last-of-type(2) {
+    margin-bottom: 0;
   }
   .promo-block-inner-bottom .li-1 p font {
     color: #fff;

assets/images/zhihu-1.png

@@ -1625,29 +1625,27 @@ text-shadow: none;
 
 .a_link {
   margin: 30px 0 0 0;
+  padding: 0 15px 0 15px;
 }
 
 .a_link li {
   list-style: disc;
 }
 
-.body-blue .a_link>a{  
+/* .body-blue .a_link>a{  
   display: block;
   width: auto;
   margin-bottom: 10px;
   font-size: 14px;
   line-height: 1;
-  /* color: #333333; */
-}
+  color: #333333;
+} */
 
 /* .body-blue .a_link>a:hover {
   color: #333333;
 } */
 
 @media screen and (max-width: 1199px) {
-  .a_link {
-    padding-left: 0;
-  }
 
   .entry-shang .fork_update {
     width: 100%;