8.9 修改代码高亮样式
This commit is contained in:
小赵同学 committed
1 parent
62cac6c7b0
commit
2e11da0d0b
15 files changed
+2414
-2410
No files matched your search
+30
-30
@@ -84,44 +84,44 @@
|
||||
<img data-lazy-src="/pics/2021/09/925164534.png" alt="" class="lazyload"></p>
|
||||
<h2 id="教程开始">教程开始</h2>
|
||||
<p>首先找到自己主题文件的 functions.php 中加入以下代码</p>
|
||||
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-php" data-lang="php"><span style="display:flex;"><span><span style="color:#75715e">/*
|
||||
</span></span></span><span style="display:flex;"><span><span style="color:#75715e">* 加载时间
|
||||
</span></span></span><span style="display:flex;"><span><span style="color:#75715e">* @return bool
|
||||
</span></span></span><span style="display:flex;"><span><span style="color:#75715e">*/</span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">function</span> <span style="color:#a6e22e">timer_start</span>() {
|
||||
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">global</span> $timestart;
|
||||
</span></span><span style="display:flex;"><span>$mtime <span style="color:#f92672">=</span> <span style="color:#a6e22e">explode</span>( <span style="color:#e6db74">' '</span>, <span style="color:#a6e22e">microtime</span>() );
|
||||
</span></span><span style="display:flex;"><span>$timestart <span style="color:#f92672">=</span> $mtime[<span style="color:#ae81ff">1</span>] <span style="color:#f92672">+</span> $mtime[<span style="color:#ae81ff">0</span>];
|
||||
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">return</span> <span style="color:#66d9ef">true</span>;
|
||||
</span></span><span style="display:flex;"><span>}
|
||||
</span></span><span style="display:flex;"><span><span style="color:#a6e22e">timer_start</span>();
|
||||
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">function</span> <span style="color:#a6e22e">timer_stop</span>( $display <span style="color:#f92672">=</span> <span style="color:#ae81ff">0</span>, $precision <span style="color:#f92672">=</span> <span style="color:#ae81ff">3</span> ) {
|
||||
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">global</span> $timestart, $timeend;
|
||||
</span></span><span style="display:flex;"><span>$mtime <span style="color:#f92672">=</span> <span style="color:#a6e22e">explode</span>( <span style="color:#e6db74">' '</span>, <span style="color:#a6e22e">microtime</span>() );
|
||||
</span></span><span style="display:flex;"><span>$timeend <span style="color:#f92672">=</span> $mtime[<span style="color:#ae81ff">1</span>] <span style="color:#f92672">+</span> $mtime[<span style="color:#ae81ff">0</span>];
|
||||
</span></span><span style="display:flex;"><span>$timetotal <span style="color:#f92672">=</span> <span style="color:#a6e22e">number_format</span>( $timeend <span style="color:#f92672">-</span> $timestart, $precision );
|
||||
</span></span><span style="display:flex;"><span>$r <span style="color:#f92672">=</span> $timetotal <span style="color:#f92672"><</span> <span style="color:#ae81ff">1</span> <span style="color:#f92672">?</span> $timetotal <span style="color:#f92672">*</span> <span style="color:#ae81ff">1000</span> <span style="color:#f92672">.</span> <span style="color:#e6db74">" ms"</span> <span style="color:#f92672">:</span> $timetotal <span style="color:#f92672">.</span> <span style="color:#e6db74">" s"</span>;
|
||||
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">if</span> ( $display ) {
|
||||
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">echo</span> $r;
|
||||
</span></span><span style="display:flex;"><span>}
|
||||
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">return</span> $r;}<span style="color:#960050;background-color:#1e0010">`</span>
|
||||
<div class="highlight"><pre tabindex="0" style="background-color:#f8f8f8;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-php" data-lang="php"><span style="display:flex;"><span><span style="color:#8f5902;font-style:italic">/*
|
||||
</span></span></span><span style="display:flex;"><span><span style="color:#8f5902;font-style:italic">* 加载时间
|
||||
</span></span></span><span style="display:flex;"><span><span style="color:#8f5902;font-style:italic">* @return bool
|
||||
</span></span></span><span style="display:flex;"><span><span style="color:#8f5902;font-style:italic">*/</span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#204a87;font-weight:bold">function</span> <span style="color:#000">timer_start</span><span style="color:#000;font-weight:bold">()</span> <span style="color:#000;font-weight:bold">{</span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#204a87;font-weight:bold">global</span> <span style="color:#000">$timestart</span><span style="color:#000;font-weight:bold">;</span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#000">$mtime</span> <span style="color:#ce5c00;font-weight:bold">=</span> <span style="color:#000">explode</span><span style="color:#000;font-weight:bold">(</span> <span style="color:#4e9a06">' '</span><span style="color:#000;font-weight:bold">,</span> <span style="color:#000">microtime</span><span style="color:#000;font-weight:bold">()</span> <span style="color:#000;font-weight:bold">);</span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#000">$timestart</span> <span style="color:#ce5c00;font-weight:bold">=</span> <span style="color:#000">$mtime</span><span style="color:#000;font-weight:bold">[</span><span style="color:#0000cf;font-weight:bold">1</span><span style="color:#000;font-weight:bold">]</span> <span style="color:#ce5c00;font-weight:bold">+</span> <span style="color:#000">$mtime</span><span style="color:#000;font-weight:bold">[</span><span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">];</span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#204a87;font-weight:bold">return</span> <span style="color:#204a87;font-weight:bold">true</span><span style="color:#000;font-weight:bold">;</span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#000">timer_start</span><span style="color:#000;font-weight:bold">();</span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#204a87;font-weight:bold">function</span> <span style="color:#000">timer_stop</span><span style="color:#000;font-weight:bold">(</span> <span style="color:#000">$display</span> <span style="color:#ce5c00;font-weight:bold">=</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">,</span> <span style="color:#000">$precision</span> <span style="color:#ce5c00;font-weight:bold">=</span> <span style="color:#0000cf;font-weight:bold">3</span> <span style="color:#000;font-weight:bold">)</span> <span style="color:#000;font-weight:bold">{</span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#204a87;font-weight:bold">global</span> <span style="color:#000">$timestart</span><span style="color:#000;font-weight:bold">,</span> <span style="color:#000">$timeend</span><span style="color:#000;font-weight:bold">;</span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#000">$mtime</span> <span style="color:#ce5c00;font-weight:bold">=</span> <span style="color:#000">explode</span><span style="color:#000;font-weight:bold">(</span> <span style="color:#4e9a06">' '</span><span style="color:#000;font-weight:bold">,</span> <span style="color:#000">microtime</span><span style="color:#000;font-weight:bold">()</span> <span style="color:#000;font-weight:bold">);</span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#000">$timeend</span> <span style="color:#ce5c00;font-weight:bold">=</span> <span style="color:#000">$mtime</span><span style="color:#000;font-weight:bold">[</span><span style="color:#0000cf;font-weight:bold">1</span><span style="color:#000;font-weight:bold">]</span> <span style="color:#ce5c00;font-weight:bold">+</span> <span style="color:#000">$mtime</span><span style="color:#000;font-weight:bold">[</span><span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">];</span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#000">$timetotal</span> <span style="color:#ce5c00;font-weight:bold">=</span> <span style="color:#000">number_format</span><span style="color:#000;font-weight:bold">(</span> <span style="color:#000">$timeend</span> <span style="color:#ce5c00;font-weight:bold">-</span> <span style="color:#000">$timestart</span><span style="color:#000;font-weight:bold">,</span> <span style="color:#000">$precision</span> <span style="color:#000;font-weight:bold">);</span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#000">$r</span> <span style="color:#ce5c00;font-weight:bold">=</span> <span style="color:#000">$timetotal</span> <span style="color:#ce5c00;font-weight:bold"><</span> <span style="color:#0000cf;font-weight:bold">1</span> <span style="color:#ce5c00;font-weight:bold">?</span> <span style="color:#000">$timetotal</span> <span style="color:#ce5c00;font-weight:bold">*</span> <span style="color:#0000cf;font-weight:bold">1000</span> <span style="color:#ce5c00;font-weight:bold">.</span> <span style="color:#4e9a06">" ms"</span> <span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#000">$timetotal</span> <span style="color:#ce5c00;font-weight:bold">.</span> <span style="color:#4e9a06">" s"</span><span style="color:#000;font-weight:bold">;</span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#204a87;font-weight:bold">if</span> <span style="color:#000;font-weight:bold">(</span> <span style="color:#000">$display</span> <span style="color:#000;font-weight:bold">)</span> <span style="color:#000;font-weight:bold">{</span>
|
||||
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">echo</span> <span style="color:#000">$r</span><span style="color:#000;font-weight:bold">;</span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#204a87;font-weight:bold">return</span> <span style="color:#000">$r</span><span style="color:#000;font-weight:bold">;}</span><span style="color:#a40000">`</span>
|
||||
</span></span></code></pre></div><p>这个是加载耗时的代码，下面一并加上访问总量的代码</p>
|
||||
<p>同样也是加在functions.php 的文件里</p>
|
||||
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-php" data-lang="php"><span style="display:flex;"><span> <span style="color:#75715e">//总访问量
|
||||
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span> <span style="color:#66d9ef">function</span> <span style="color:#a6e22e">theAllViews</span>()
|
||||
</span></span><span style="display:flex;"><span> {
|
||||
</span></span><span style="display:flex;"><span> $db <span style="color:#f92672">=</span> <span style="color:#a6e22e">Typecho_Db</span><span style="color:#f92672">::</span><span style="color:#a6e22e">get</span>();
|
||||
</span></span><span style="display:flex;"><span> $row <span style="color:#f92672">=</span> $db<span style="color:#f92672">-></span><span style="color:#a6e22e">fetchAll</span>(<span style="color:#e6db74">'SELECT SUM(VIEWS) FROM `typecho_contents`'</span>);
|
||||
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">echo</span> <span style="color:#a6e22e">number_format</span>($row[<span style="color:#ae81ff">0</span>][<span style="color:#e6db74">'SUM(VIEWS)'</span>]);
|
||||
</span></span><span style="display:flex;"><span> }
|
||||
<div class="highlight"><pre tabindex="0" style="background-color:#f8f8f8;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-php" data-lang="php"><span style="display:flex;"><span> <span style="color:#8f5902;font-style:italic">//总访问量
|
||||
</span></span></span><span style="display:flex;"><span><span style="color:#8f5902;font-style:italic"></span> <span style="color:#204a87;font-weight:bold">function</span> <span style="color:#000">theAllViews</span><span style="color:#000;font-weight:bold">()</span>
|
||||
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">{</span>
|
||||
</span></span><span style="display:flex;"><span> <span style="color:#000">$db</span> <span style="color:#ce5c00;font-weight:bold">=</span> <span style="color:#000">Typecho_Db</span><span style="color:#ce5c00;font-weight:bold">::</span><span style="color:#c4a000">get</span><span style="color:#000;font-weight:bold">();</span>
|
||||
</span></span><span style="display:flex;"><span> <span style="color:#000">$row</span> <span style="color:#ce5c00;font-weight:bold">=</span> <span style="color:#000">$db</span><span style="color:#ce5c00;font-weight:bold">-></span><span style="color:#c4a000">fetchAll</span><span style="color:#000;font-weight:bold">(</span><span style="color:#4e9a06">'SELECT SUM(VIEWS) FROM `typecho_contents`'</span><span style="color:#000;font-weight:bold">);</span>
|
||||
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">echo</span> <span style="color:#000">number_format</span><span style="color:#000;font-weight:bold">(</span><span style="color:#000">$row</span><span style="color:#000;font-weight:bold">[</span><span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">][</span><span style="color:#4e9a06">'SUM(VIEWS)'</span><span style="color:#000;font-weight:bold">]);</span>
|
||||
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">}</span>
|
||||
</span></span></code></pre></div><p>由于我使用的是油油作者的Twitter主题，所以我给大家介绍</p>
|
||||
<p>Twitter主题应该修改那个位置，其他主题请自己调试</p>
|
||||
<p>首先找到主题目录的important/sidebar.php文件</p>
|
||||
<p>大概在118行左右你把相应代码加到自己想要加的位置</p>
|
||||
<p>添加加载耗时功能，请加下面代码在相应位置</p>
|
||||
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-php" data-lang="php"><span style="display:flex;"><span><span style="color:#f92672"><</span><span style="color:#a6e22e">div</span> <span style="color:#a6e22e">class</span><span style="color:#f92672">=</span><span style="color:#e6db74">"widget-list"</span><span style="color:#f92672">></span><span style="color:#a6e22e">加载耗时：</span><span style="color:#f92672"><?</span><span style="color:#a6e22e">php</span> <span style="color:#66d9ef">echo</span> <span style="color:#a6e22e">timer_stop</span>();<span style="color:#75715e">?></span><span style="color:#960050;background-color:#1e0010"></div>
|
||||
<div class="highlight"><pre tabindex="0" style="background-color:#f8f8f8;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-php" data-lang="php"><span style="display:flex;"><span><span style="color:#ce5c00;font-weight:bold"><</span><span style="color:#000">div</span> <span style="color:#000">class</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">"widget-list"</span><span style="color:#ce5c00;font-weight:bold">></span><span style="color:#000">加载耗时：</span><span style="color:#ce5c00;font-weight:bold"><?</span><span style="color:#000">php</span> <span style="color:#204a87;font-weight:bold">echo</span> <span style="color:#000">timer_stop</span><span style="color:#000;font-weight:bold">();</span><span style="color:#8f5902;font-style:italic">?></span><span style="color:#a40000"></div>
|
||||
</span></span></span></code></pre></div><p>添加访问总量功能，请加下面代码在相应位置</p>
|
||||
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-php" data-lang="php"><span style="display:flex;"><span><span style="color:#f92672"><</span><span style="color:#a6e22e">div</span> <span style="color:#a6e22e">class</span><span style="color:#f92672">=</span><span style="color:#e6db74">"widget-list"</span><span style="color:#f92672">></span><span style="color:#a6e22e">访问总量：</span><span style="color:#f92672"><?</span><span style="color:#a6e22e">php</span> <span style="color:#66d9ef">echo</span> <span style="color:#a6e22e">theAllViews</span>();<span style="color:#75715e">?></span><span style="color:#960050;background-color:#1e0010">次</div>
|
||||
<div class="highlight"><pre tabindex="0" style="background-color:#f8f8f8;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-php" data-lang="php"><span style="display:flex;"><span><span style="color:#ce5c00;font-weight:bold"><</span><span style="color:#000">div</span> <span style="color:#000">class</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">"widget-list"</span><span style="color:#ce5c00;font-weight:bold">></span><span style="color:#000">访问总量：</span><span style="color:#ce5c00;font-weight:bold"><?</span><span style="color:#000">php</span> <span style="color:#204a87;font-weight:bold">echo</span> <span style="color:#000">theAllViews</span><span style="color:#000;font-weight:bold">();</span><span style="color:#8f5902;font-style:italic">?></span><span style="color:#a40000">次</div>
|
||||
</span></span></span></code></pre></div><p>感谢您的访问，转载请注明出处</p>
|
||||
|
||||
</div>
|
||||
|
||||
Reference in new issue
Block a user