Site updated: 2018-10-19 22:45:12

2018/08/25/Markdown 语法&技巧总结/index.html

@@ -17,7 +17,7 @@
 <meta property="og:image" content="https://i.imgur.com/6E1kQzO.png">
 <meta property="og:image" content="https://i.imgur.com/uRdMA63.png">
 <meta property="og:image" content="https://i.imgur.com/YOAVLsm.png">
-<meta property="og:updated_time" content="2018-10-18T16:31:02.153Z">
+<meta property="og:updated_time" content="2018-10-19T14:44:25.481Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Markdown 语法&amp;技巧总结">
 <meta name="twitter:description" content="在写博客的时候遇到的 Markdown 各种方法技巧或者语法记录下来，方便查阅【持续更新】">
@@ -286,7 +286,7 @@
 <iframe frameborder="0" width="1040" height="700" src="https://v.qq.com/txp/iframe/player.html?vid=x0643zvgtf7" allowfullscreen="true"></iframe>
 
 <hr>
-<center><br><font color="#FF0000"><br><br># 未完待续……<br><br></font><br></center>
+<center><br><font color="#FF0000"><br><br># 未完待续…… #<br><br></font><br></center>
 
 <hr>
 
@@ -347,7 +347,7 @@
         <p><span>本文标题:</span><a href="/2018/08/25/Markdown 语法&技巧总结/">Markdown 语法&amp;技巧总结</a></p>
         <p><span>文章作者:</span><a href="/" title="访问 TRHX 的个人博客">TRHX</a></p>
         <p><span>发布时间:</span>2018年08月25日 - 17时57分</p>
-        <p><span>最后更新:</span>2018年10月19日 - 00时31分</p>
+        <p><span>最后更新:</span>2018年10月19日 - 22时44分</p>
         <p>
             <span>原始链接:</span><a class="post-url" href="/2018/08/25/Markdown 语法&技巧总结/" title="Markdown 语法&amp;技巧总结">http://yoursite.com/2018/08/25/Markdown 语法&amp;技巧总结/</a>
             <span class="copy-path" data-clipboard-text="原文: http://yoursite.com/2018/08/25/Markdown 语法&amp;技巧总结/　　作者: TRHX" title="点击复制文章链接"><i class="fa fa-clipboard"></i></span>

2018/08/27/Hexo 博客主题个性化/index.html

@@ -35,7 +35,9 @@
 <meta property="og:image" content="https://i.imgur.com/5kSpJCG.png">
 <meta property="og:image" content="https://i.imgur.com/3LFy0LV.png">
 <meta property="og:image" content="https://i.imgur.com/bLOwfen.png">
-<meta property="og:updated_time" content="2018-10-18T16:33:07.527Z">
+<meta property="og:image" content="https://i.imgur.com/qSu48Xl.png">
+<meta property="og:image" content="https://i.imgur.com/XFE8dTM.png">
+<meta property="og:updated_time" content="2018-10-19T14:44:22.815Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Hexo 博客主题个性化">
 <meta name="twitter:description" content="Hexo 博客主题的美化，添加一些实用功能，定制你的专属博客【持续更新】">
@@ -356,8 +358,15 @@
 <p><img src="https://i.imgur.com/3LFy0LV.png" alt=""></p>
 <p>所有操作完成后可以在百度统计管理页面检查代码是否安装成功，如果代码安装正确，一般20分钟后，可以查看网站分析数据</p>
 <p><img src="https://i.imgur.com/bLOwfen.png" alt=""></p>
+<h1 id="–-浏览器网页标题恶搞"><a href="#–-浏览器网页标题恶搞" class="headerlink" title=" – 浏览器网页标题恶搞 "></a><font color="#FF0000"> – 浏览器网页标题恶搞 </font></h1><p>当用户访问你的博客时点击到了其他网页，我们可以恶搞一下网页标题，呼唤用户回来，首先在目录 <font color="#FF0000">\Hexo\themes\hexo-theme-spfk\source\js</font> 下新建一个 <font color="#FF0000">FunnyTitle.js</font> 文件，在里面填写如下代码：</p>
+<figure class="highlight javascript"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br></pre></td><td class="code"><pre><span class="line">&lt;!--浏览器搞笑标题--&gt;</span><br><span class="line"> <span class="keyword">var</span> OriginTitle = <span class="built_in">document</span>.title;</span><br><span class="line"> <span class="keyword">var</span> titleTime;</span><br><span class="line"> <span class="built_in">document</span>.addEventListener(<span class="string">'visibilitychange'</span>, <span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>&#123;</span><br><span class="line">     <span class="keyword">if</span> (<span class="built_in">document</span>.hidden) &#123;</span><br><span class="line">         $(<span class="string">'[rel="icon"]'</span>).attr(<span class="string">'href'</span>, <span class="string">"/img/TEP.ico"</span>);</span><br><span class="line">         <span class="built_in">document</span>.title = <span class="string">'ヽ(●-`Д´-)ノ你丑你就走！'</span>;</span><br><span class="line">         clearTimeout(titleTime);</span><br><span class="line">     &#125;</span><br><span class="line">     <span class="keyword">else</span> &#123;</span><br><span class="line">         $(<span class="string">'[rel="icon"]'</span>).attr(<span class="string">'href'</span>, <span class="string">"/favicon.ico"</span>);</span><br><span class="line">         <span class="built_in">document</span>.title = <span class="string">'ヾ(Ő∀Ő3)ノ你帅就回来！'</span> + OriginTitle;</span><br><span class="line">         titleTime = setTimeout(<span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>&#123;</span><br><span class="line">             <span class="built_in">document</span>.title = OriginTitle;</span><br><span class="line">         &#125;, <span class="number">2000</span>);</span><br><span class="line">     &#125;</span><br><span class="line"> &#125;);</span><br></pre></td></tr></table></figure>
+<p>然后在 <font color="#FF0000">\Hexo\themes\hexo-theme-spfk-x\layout\layout.ejs</font> 文件中添加如下代码：</p>
+<figure class="highlight xml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment">&lt;!--浏览器搞笑标题--&gt;</span></span><br><span class="line"><span class="tag">&lt;<span class="name">script</span> <span class="attr">type</span>=<span class="string">"text/javascript"</span> <span class="attr">src</span>=<span class="string">"\js\FunnyTitle.js"</span>&gt;</span><span class="undefined"></span><span class="tag">&lt;/<span class="name">script</span>&gt;</span></span><br></pre></td></tr></table></figure>
+<p>再次部署博客后就可以看见标题搞笑的效果了：</p>
+<p><img src="https://i.imgur.com/qSu48Xl.png" alt=""></p>
+<p><img src="https://i.imgur.com/XFE8dTM.png" alt=""></p>
 <hr>
-<center><br><font color="#FF0000"><br><br># 未完待续……<br><br></font><br></center>
+<center><br><font color="#FF0000"><br><br># 未完待续…… #<br><br></font><br></center>
 
 <hr>
 
@@ -418,7 +427,7 @@
         <p><span>本文标题:</span><a href="/2018/08/27/Hexo 博客主题个性化/">Hexo 博客主题个性化</a></p>
         <p><span>文章作者:</span><a href="/" title="访问 TRHX 的个人博客">TRHX</a></p>
         <p><span>发布时间:</span>2018年08月27日 - 21时25分</p>
-        <p><span>最后更新:</span>2018年10月19日 - 00时33分</p>
+        <p><span>最后更新:</span>2018年10月19日 - 22时44分</p>
         <p>
             <span>原始链接:</span><a class="post-url" href="/2018/08/27/Hexo 博客主题个性化/" title="Hexo 博客主题个性化">http://yoursite.com/2018/08/27/Hexo 博客主题个性化/</a>
             <span class="copy-path" data-clipboard-text="原文: http://yoursite.com/2018/08/27/Hexo 博客主题个性化/　　作者: TRHX" title="点击复制文章链接"><i class="fa fa-clipboard"></i></span>
@@ -456,7 +465,7 @@
 
     <div id="toc" class="toc-article">
     <strong class="toc-title">文章目录</strong>
-    <ol class="toc"><li class="toc-item toc-level-1"><a class="toc-link" href="#–-添加评论系统"><span class="toc-number">1.</span> <span class="toc-text"> – 添加评论系统 </span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#–-添加卡通人物"><span class="toc-number">2.</span> <span class="toc-text"> – 添加卡通人物 </span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#–-添加鼠标点击爱心效果"><span class="toc-number">3.</span> <span class="toc-text"> – 添加鼠标点击爱心效果 </span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#–-添加字数统计和阅读时长"><span class="toc-number">4.</span> <span class="toc-text"> – 添加字数统计和阅读时长 </span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#–-添加背景音乐"><span class="toc-number">5.</span> <span class="toc-text"> – 添加背景音乐 </span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#–-添加网站运行时间"><span class="toc-number">6.</span> <span class="toc-text"> – 添加网站运行时间 </span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#–-添加百度统计"><span class="toc-number">7.</span> <span class="toc-text"> – 添加百度统计 </span></a></li></ol>
+    <ol class="toc"><li class="toc-item toc-level-1"><a class="toc-link" href="#–-添加评论系统"><span class="toc-number">1.</span> <span class="toc-text"> – 添加评论系统 </span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#–-添加卡通人物"><span class="toc-number">2.</span> <span class="toc-text"> – 添加卡通人物 </span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#–-添加鼠标点击爱心效果"><span class="toc-number">3.</span> <span class="toc-text"> – 添加鼠标点击爱心效果 </span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#–-添加字数统计和阅读时长"><span class="toc-number">4.</span> <span class="toc-text"> – 添加字数统计和阅读时长 </span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#–-添加背景音乐"><span class="toc-number">5.</span> <span class="toc-text"> – 添加背景音乐 </span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#–-添加网站运行时间"><span class="toc-number">6.</span> <span class="toc-text"> – 添加网站运行时间 </span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#–-添加百度统计"><span class="toc-number">7.</span> <span class="toc-text"> – 添加百度统计 </span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#–-浏览器网页标题恶搞"><span class="toc-number">8.</span> <span class="toc-text"> – 浏览器网页标题恶搞 </span></a></li></ol>
 </div>
 <input type="button" id="tocButton" value="隐藏目录"  title="点击按钮隐藏或者显示文章目录">