Update 4 files

- /search.html
- /assets/css/style.scss
- /assets/js/main_new.js
- /_layouts/post.html

assets/css/style.scss

@@ -58,6 +58,11 @@ a:hover {
     text-indent: -2px;
 }
 
+.post-content p {
+    text-indent: 2em;
+    margin-bottom: 5px;
+}
+
 h1 .octicon,
 h2 .octicon,
 h3 .octicon,
@@ -94,8 +99,8 @@ div.highlight:hover button {
 div.highlight button {
     opacity: 0;
     position: absolute;
-    top: 0.5rem;
-    right: 1rem;
+    top: 0.5em;
+    right: 1em;
     height: 2em;
     transition: all 0.2s ease-out
 }

assets/js/main_new.js

@@ -48,7 +48,9 @@ $(function () {
     $('section').each(function () {
         highlightTextNodes(this);
     });
+});
 
+$(function () {
     var codeBlocks = document.querySelectorAll('div.highlight');
 
     codeBlocks.forEach(function (codeBlock) {

search.html

@@ -6,7 +6,7 @@ title: 搜索
 <h1>搜索</h1>
 <form action="https://www.google.com/search">
 <input type="hidden" name="as_sitesearch" value="mabbs.github.io" />
-<p>Keyword: <input name="q" type="text" id="search-input" placeholder="Search blog posts.." /> <!--[if !IE]> --><img src="/images/loading.svg" alt="Loading..." id="search-loading" style="width:22px;vertical-align: bottom" /><!-- <![endif]--> <input type="submit" value="谷歌搜索" style="margin-left: 5px;" /></p>
+<p><input name="q" type="text" id="search-input" placeholder="Search blog posts.." /> <!--[if !IE]> --><img src="/images/loading.svg" alt="Loading..." id="search-loading" style="width:22px;vertical-align: bottom" /><!-- <![endif]--> <input type="submit" value="谷歌搜索" style="margin-left: 5px;" /></p>
 </form>
 <ul id="results-container"></ul>
 <!--[if !IE]> -->