229 lines
14 KiB
HTML
229 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-cn">
|
|
|
|
<head>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
<title>Twitter主题加入加载耗时，访问总量功能</title>
|
|
<link rel="alternate" type="application/rss+xml" title="优世界" href="/rss.xml">
|
|
<link rel="icon" type="image/x-icon" href="/favicon.ico">
|
|
<link rel='stylesheet' href='/css/main.css'>
|
|
<link rel="stylesheet" href="/css/normalize.css">
|
|
<link rel="stylesheet" href="/css/remixicon.css">
|
|
<link rel="stylesheet" href="/css/uikit.min.css">
|
|
<link rel="stylesheet" href="/css/nprogress.min.css">
|
|
<link rel="stylesheet" href="/css/mywaline.css" />
|
|
<script src="/js/jquery.min.js"></script>
|
|
<script src="/js/barrage.min.js"></script>
|
|
<script src="/js/jquery.scrollUp.min.js"></script>
|
|
<script src="/js/instantpage.min.js" type="module" defer></script>
|
|
<script src="/js/pjax.js"></script>
|
|
|
|
<link rel="stylesheet" href="/css/mywaline.css" />
|
|
|
|
<script>console.log("\n %c Amigo Theme %c https://usj.cc \n", "color: #fadfa3; background: #030307; padding:3px; font-size:12px;", "color: #ffffff;background: #16171a; padding: 3px; font-size: 12px;");</script>
|
|
<meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," />
|
|
<meta name="template" content="Amigo" />
|
|
</head>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="main">
|
|
<div class="container">
|
|
<div class="header">
|
|
<div class="head_author_img load-memos-editor">
|
|
<img src="/image/avatar.jpg" class="blog-img" width="80" height="80" alt="优世界" />
|
|
</div>
|
|
<div class="site-description">
|
|
<h2><span class="uk-invisible">风吹云散，云卷云舒</span></h2>
|
|
<nav class="nav social uk-visible@m">
|
|
<ul class="flat">
|
|
|
|
|
|
<a href="https://pan.usj.cc" title="GitHub" target="_blank"><i class="ri-cloudy-2-line"></i></a>
|
|
|
|
<a href="https://space.bilibili.com/525472039" title="Twitter" target="_blank"><i class="ri-bilibili-line"></i></a>
|
|
|
|
<a href="https://github.com/imzql" title="LinkedIn" target="_blank"><i class="ri-github-fill"></i></a>
|
|
|
|
|
|
</ul>
|
|
<div class="yiyandes">风吹云散，云卷云舒</div>
|
|
</nav>
|
|
</div>
|
|
<nav class="nav">
|
|
<ul class="flat">
|
|
<li class="active"><a href="/">首页</a></li>
|
|
<li class="active"><a href="/about/">关于</a></li>
|
|
<li class="active"><a href="/ly/">留言</a></li>
|
|
<li class="active"><a href="/archives/">归档</a></li>
|
|
<li class="active"><a href="/links/">友链</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
|
|
|
|
|
|
<div id="pjax-container">
|
|
<article style="margin-bottom: 3.5em;">
|
|
<h1 class="post-title" itemprop="name headline">Twitter主题加入加载耗时，访问总量功能</h1>
|
|
<div class="meta">
|
|
作者: 小赵同学 浏览: <span id="busuanzi_value_page_uv"></span> 字数: 570 分类:
|
|
|
|
<a href="%e6%95%99%e7%a8%8b">教程</a>
|
|
|
|
</div>
|
|
<div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 0">
|
|
<p>摸爬滚打，又从WordPress换回typecho了</p>
|
|
<p>不得不说typecho轻量，后台速度快</p>
|
|
<p>这篇文章就教大家如何给自己的Twitter的主题加两个小功能</p>
|
|
<p>分别是加载耗时和访问总量的小功能，先上图</p>
|
|
<p>
|
|
<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>
|
|
</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> }
|
|
</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>
|
|
</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>
|
|
</span></span></span></code></pre></div><p>感谢您的访问，转载请注明出处</p>
|
|
|
|
</div>
|
|
<div class="post-tags" style="margin-top: -30px;">
|
|
<nav class="nav tags">
|
|
<ul class="flat">
|
|
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</article>
|
|
<hr class="uk-divider-icon">
|
|
<div id="comments" class="comments-area">
|
|
|
|
|
|
<link
|
|
rel="stylesheet"
|
|
href="/css/mywaline.css"
|
|
/>
|
|
<div id="waline"></div>
|
|
<script src="/js/waline.js"></script>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<script>
|
|
function loadBarrager() {
|
|
|
|
var currentPath = "\/post\/2\/";
|
|
|
|
|
|
if (currentPath.includes("post") || currentPath.includes("says")) {
|
|
|
|
fetchCommentsAndCreateBarrager(currentPath, {
|
|
looper_time: 3000,
|
|
defaultAvatar: 'static/default-avatar.png',
|
|
defaultInfo: 'No comment',
|
|
defaultLink: '#',
|
|
speed: 10,
|
|
});
|
|
}
|
|
}
|
|
</script>
|
|
<script async src="/js/bsz.js"></script>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="footer">
|
|
<nav class="nav" style="clear: both;">
|
|
© 2019 - 2024
|
|
<br>
|
|
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
|
|
<br>
|
|
本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云"
|
|
style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
|
|
<span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span>
|
|
</a>提供CDN加速服务
|
|
<br>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="/js/iconfont.js"></script>
|
|
<script src="/js/lightgallery.umd.min.js"></script>
|
|
<script src="/js/uikit.min.js"></script>
|
|
<script src="/js/EasyLazyload.min.js"></script>
|
|
<script src="/js/view-image.min.js"></script>
|
|
<script src="/js/main.js"></script>
|
|
<script src="/js/mypjax.js"></script>
|
|
<script src="/js/nprogress.js"></script>
|
|
<script src="/js/echarts.min.js"></script>
|
|
<script src="/js/waline.js"></script>
|
|
<script async src="/js/bsz.js"></script>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
if (document.querySelector("#waline")) {
|
|
Waline.init({
|
|
el: '#waline',
|
|
serverURL: 'https://waline.usj.cc',
|
|
lang: "zh-cn",
|
|
imageUploader: false,
|
|
search: false,
|
|
copyright: false,
|
|
requiredMeta:['nick', 'mail'],
|
|
login:'enable',
|
|
pageSize:10,
|
|
highlighter:true,
|
|
reaction: [
|
|
'/image/EhqxZ6DFIJojGNa.gif',
|
|
'/image/qmf5As3evWNXwGQ.gif',
|
|
'/image/ueWLPkmYw75x4cs.gif',
|
|
'/image/nsC1OGoBKfa8Hel.gif',
|
|
'/image/VKuBXqR91TPHnyc.gif',
|
|
'/image/2OmAWPeulq4ta8T.gif'
|
|
],
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|
|
|