Typecho 部署教程

<h1><a name="cl-1"></a><a id="typecho%E9%83%A8%E7%BD%B2%E6%95%99%E7%A8%8B" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>Typecho 部署教程</h1>
<h2><a name="cl-2"></a><a id="%E5%AE%89%E8%A3%85" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>安装</h2>
<pre><code class="language-shell"># 拉取镜像
docker pull 80x86/typecho
# 本地创建映射文件
mkdir /home/username/typecho
# 运行
docker run -d \
--name=typecho \
--restart always \
-v /home/username/typecho:/data \
-e PHP_TZ=Asia/Shanghai \
-e PHP_MAX_EXECUTION_TIME=600 \
-p 80:80 \
80x86/typecho:latest
</code></pre>
<h2><a name="cl-3"></a><a id="%E4%B8%BB%E9%A2%98" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>主题</h2>
<h3><a name="cl-4"></a><a id="%E4%B8%BB%E9%A2%98" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>主题</h3>
<p><a href="https://github.com/Zisbusy/Akina-for-Typecho">Akina</a>:将Akina文件夹放到typecho下/usr/themes，在后台外观下启用</p>
<h3><a name="cl-5"></a><a id="%E4%BF%AE%E6%94%B9%E8%83%8C%E6%99%AF%E5%9B%BE" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>修改背景图</h3>
<p>usr/themes/Akina/images/headerbg.jpg<br />
也可在后台外观-设置外观自定义路径</p>
<h3><a name="cl-6"></a><a id="%E4%BF%AE%E6%94%B9%E9%A6%96%E9%A1%B5%E5%A4%B4%E5%83%8F" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>修改首页头像</h3>
<p>usr/themes/Akina/images/headerbg.jpg/akinadeaava.jpg</p>
<h3><a name="cl-7"></a><a id="%E4%BF%AE%E6%94%B9%E7%AB%99%E7%82%B9logo" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>修改站点Logo</h3>
<p>usr/themes/Akina/images/headerbg.jpg/akina.png</p>
<h3><a name="cl-8"></a><a id="%E4%BF%AE%E6%94%B9%E6%96%87%E7%AB%A0%E7%BC%A9%E7%95%A5%E5%9B%BE%E6%A0%87" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>修改文章缩略图标</h3>
<p>喜欢的图片移动到Akina/images/random里面，命名为<br />
deu1.jpg<br />
deu2.jpg<br />
deu3.jpg<br />
......<br />
文章缩略图不止七张还需编辑Akina目录下index.php<br />
Ctrl+F</p>
<pre><code class="language-html"><a href="<?php $this->permalink() ?>"><div class="overlay"><i class="iconfont">&#xe61e;</i></div><img src="<?php echo theurl.'images/random/deu'.mt_rand(1,7).'.jpg'; ?>"></a>
# 将数字：7 修改为最大图片数即可
</code></pre>
<h3><a name="cl-9"></a><a id="%E4%BF%AE%E6%94%B9%E6%96%87%E7%AB%A0%E9%A1%B6%E9%83%A8%E5%9B%BE%E7%89%87" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>修改文章顶部图片</h3>
<p>喜欢的图片移动到Akina/images/postbg里面，命名为<br />
1.jpg<br />
2.jpg<br />
3.jpg<br />
...<br />
顶部图片不止三张还需编辑Akina目录下post.php<br />
Ctrl+F</p>
<pre><code class="language-php">echo theurl.'images/postbg/'.mt_rand(1,3).'.jpg';
# 将数字：3 修改为最大图片数即可
</code></pre>
<h2><a name="cl-10"></a><a id="%E5%86%99%E6%B3%95" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>写法</h2>
<h3><a name="cl-11"></a><a id="%E5%8F%8B%E9%93%BE%E5%86%99%E6%B3%95" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>友链写法</h3>
<pre><code class="language-shell">!!!
<br/>
<div class="links">
    <ul class="link-items fontSmooth">
        <li class="link-item"><a class="link-item-inner effect-apollo" href="http://zhebk.cn/" title="我们，渺小到不可一世。" target="_blank" ><span class="sitename">纸盒博客</span><div class="linkdes">我们，渺小到不可一世。</div></a></li>
        ......
    </ul>
</div>
!!!
</code></pre>
<h3><a name="cl-12"></a><a id="%E7%94%BB%E5%BB%8A%E5%9B%BE%E7%89%87%E5%86%99%E6%B3%95" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>画廊图片写法</h3>
<pre><code class="language-shell">!!!
<a href="大图片地址" alt="说明" title="标题"><img class="aligncenter" src="小图片地址" alt="说明"></a>
!!!
</code></pre>
<h3><a name="cl-13"></a><a id="%E4%B8%8B%E8%BD%BD%E6%8C%89%E9%92%AE%E5%86%99%E6%B3%95" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>下载按钮写法</h3>
<pre><code class="language-shell">!!!
<p>
<a id="download_link" class="download" href="下载url" rel="external" target="_blank" title="下载地址">  
<span><i class="iconfont icon-download"></i>点击下载</span>
</a>
</p>
!!!
</code></pre>
<h2><a name="cl-14"></a><a id="%E4%B8%AA%E6%80%A7%E5%8C%96" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>个性化</h2>
<h3><a name="cl-15"></a><a id="%E6%96%87%E7%AB%A0%E5%A4%B4%E9%83%A8%E4%BF%A1%E6%81%AF" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>文章头部信息</h3>
<blockquote>
<p>添加横幅文章日期、页面字数统计、加载时间</p>
</blockquote>
<ol>
<li>编辑functions.php</li>
</ol>
<p>倒数第二行添加：</p>
<pre><code class="language-javascript">//字数统计
function  art_count ($cid){
$db=Typecho_Db::get ();
$rs=$db->fetchRow ($db->select ('table.contents.text')->from ('table.contents')->where ('table.contents.cid=?',$cid)->order ('table.contents.cid',Typecho_Db::SORT_ASC)->limit (1));
echo mb_strlen($rs['text'], 'UTF-8');
}

//加载耗时
function timer_start() {
        global $timestart;
        $mtime     = explode( ' ', microtime() );
        $timestart = $mtime[1] + $mtime[0];
        return true;
    }
    timer_start();
    function timer_stop( $display = 0, $precision = 3 ) {
        global $timestart, $timeend;
        $mtime     = explode( ' ', microtime() );
        $timeend   = $mtime[1] + $mtime[0];
        $timetotal = number_format( $timeend - $timestart, $precision );
        $r         = $timetotal < 1 ? $timetotal * 1000 . " ms" : $timetotal . " s";
        if ( $display ) {
            echo $r;
        }
        return $r;
    }
</code></pre>
<ol start="2">
<li>编辑post.php</li>
</ol>
<blockquote>
<p>字数统计与页面加载时间</p>
</blockquote>
<p>Ctrl+F搜索:<code><div class="breadcrumbs"></code></p>
<p>回车另起一行添加如下</p>
<pre><code class="language-html">当前位置: <a itemprop="breadcrumb" href="<?php $this->options ->siteUrl(); ?>">Home</a> » <?php print_r($this->category());?> » <span class="current"><?php $this->title() ?></span><br>加载本页耗时：<?php echo timer_stop();?> | 全文：<?php echo art_count($this->cid); ?>字
</code></pre>
<h3><a name="cl-16"></a><a id="%E4%BF%AE%E6%94%B9%E6%96%87%E7%AB%A01%E7%BA%A7%E6%A0%87%E9%A2%98" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>修改文章1级标题</h3>
<p>usr/themes/Akina/css/style.css<br />
Ctrl+F搜索:<br />
entry-header<br />
修改为</p>
<pre><code class="language-css">.entry-header h1:before {
    content: ">";
    margin-right: 6px;
    color: #ff6d6d;
    font-size: 20px;
    font-weight: 600;
}

.entry-headers h1:after {
    content: "<";
    margin-left: 6px;
    color: #ff6d6d;
    font-size: 20px;
    font-weight: 600;
}
</code></pre>
<p>post.php Ctrl+F搜索</p>
<pre><code class="language-php"><header class="entry-header">
</code></pre>
<p>修改为</p>
<pre><code class="language-php"><header class="entry-header entry-headers">
</code></pre>
<h3><a name="cl-17"></a><a id="%E6%98%BE%E7%A4%BA%E6%96%87%E7%AB%A0%E8%BF%87%E6%97%B6" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>显示文章过时</h3>
<p><em>post.php</em></p>
<p>找到显示内容的代码 <code>$this->content();</code>修改如下</p>
<pre><code class="language-php"><div class="post-content">
    <?php
    $datetime_start = new DateTime();
    $datetime_end = new DateTime(date($this->options->postDateFormat,$this->modified));
    $month = intval(($datetime_start->diff($datetime_end)->days)/30);
    if ($month >= 6) {
        echo '<blockquote style="border-left:4px solid #de1c31;padding-left:10px !important">此文章发布于 <code>'.$month.'</code> 个月前，部分信息可能已经<code>过时</code>，请自行斟酌确认。</blockquote>';
    }
    $this->content();
   ?>
</div>
</code></pre>
<h3><a name="cl-18"></a><a id="%E6%98%BE%E7%A4%BA%E7%BB%9F%E8%AE%A1" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>显示统计</h3>
<blockquote>
<p>显示文章、分类、评论、页面总数</p>
</blockquote>
<p>在合适地方插入</p>
<pre><code class="language-php"><?php Typecho_Widget::widget('Widget_Stat')->to($stat); ?>
<li>文章总数：<?php $stat->publishedPostsNum() ?>篇</li>
<li>分类总数：<?php $stat->categoriesNum() ?>个</li>
<li>评论总数：<?php $stat->publishedCommentsNum() ?>条</li>
<li>页面总数：<?php $stat->publishedPagesNum() ?>个</li>
</code></pre>
<h3><a name="cl-19"></a><a id="%E6%96%87%E7%AB%A0%E6%98%BE%E7%A4%BAnew" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>文章显示NEW</h3>
<p>在function.php插入函数</p>
<pre><code class="language-php">/**
* 判断时间区间，调用显示
*/
function timeZone($from){
$now = new Typecho_Date(Typecho_Date::gmtTime());
return $now->timeStamp - $from < 24*60*60 ? true : false;
}
</code></pre>
<p>在需要调用的位置</p>
<pre><code class="language-php"><?php if(timeZone($this->date->timeStamp)) echo 'new'; ?>
</code></pre>
<h3><a name="cl-20"></a><a id="%E5%BD%A9%E8%89%B2%E6%A0%87%E7%AD%BE%E4%BA%91" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>彩色标签云</h3>
<p><em>tags.php</em></p>
<p>修改‘标签云输出’的a标签，加入style属性</p>
<pre><code class="language-html"><li>
  <a 
  style="color:rgb(<?php echo(rand(0,255)); ?>,<?php echo(rand(0,255)); ?>,
<?php echo(rand(0,255)); ?>)" 
  href="<?php $tags->permalink(); ?>" rel="tag" class="size-<?php $tags->split(5, 10, 20, 30); ?>" title="<?php $tags->count(); ?> 个话题"><?php $tags->name(); ?> (<?php $tags->count(); ?>)
  </a>
</li>
</code></pre>
<h3><a name="cl-21"></a><a id="%E5%BA%95%E9%83%A8%E6%A0%B7%E5%BC%8F" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>底部样式</h3>
<blockquote>
<p>“一言”以及运行时间</p>
</blockquote>
<p>在控制台-外观-设置外观-自定义JS里</p>
<pre><code class="language-javascript"><script type="text/javascript" src="https://api.uixsj.cn/hitokoto/get?type=hitokoto&code=js"></script><div id="hitokoto"><script>hitokoto()</script></div>
<div>------------------------------------------------------</div>
<center><span id="sitetime"></span>
<script language=javascript>
    function siteTime(){
        window.setTimeout("siteTime()", 1000);
        var seconds = 1000;
        var minutes = seconds * 60;
        var hours = minutes * 60;
        var days = hours * 24;
        var years = days * 365;
        var today = new Date();
        var todayYear = today.getFullYear();
        var todayMonth = today.getMonth()+1;
        var todayDate = today.getDate();
        var todayHour = today.getHours();
        var todayMinute = today.getMinutes();
        var todaySecond = today.getSeconds();
        var t1 = Date.UTC(2022,9,8,12,00,00); //北京时间2016-12-1 00:00:00
        var t2 = Date.UTC(todayYear,todayMonth,todayDate,todayHour,todayMinute,todaySecond);
        var diff = t2-t1;
        var diffYears = Math.floor(diff/years);
        var diffDays = Math.floor((diff/days)-diffYears*365);
        var diffHours = Math.floor((diff-(diffYears*365+diffDays)*days)/hours);
        var diffMinutes = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours)/minutes);
        var diffSeconds = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours-diffMinutes*minutes)/seconds);
        document.getElementById("sitetime").innerHTML="此站稳定运行 "+diffYears+" 年 "+diffDays+" 天 "+diffHours+" 小时 "+diffMinutes+" 分钟 ";
    }
    siteTime();
</script></center>
<div>
</code></pre>
<h3><a name="cl-22"></a><a id="%E4%BF%AE%E6%94%B9%E5%85%AC%E5%91%8A%E6%A0%8F" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>修改公告栏</h3>
<blockquote>
<p>随机生成一句名家名言</p>
</blockquote>
<ol>
<li>
<p>进入docker typecho容器：  docker exec -it 容器id /bin/sh</p>
</li>
<li>
<p>初始根目录为app，在app下创建2个文件，saying.php和saying.dat</p>
</li>
<li>
<p><em>saying.php</em></p>
<pre><code class="language-php"><?php
// 指定页面编码
header('Content-type: text/html; charset=utf-8');

// 存储数据的文件
$filename = "saying.dat";

if(!file_exists($filename)) { 
    die($filename . ' 数据文件不存在');
}

// 读取整个数据文件
$data = file_get_contents($filename);

// 按换行符分割成数组
$data = explode(PHP_EOL, $data);

// 随机获取一行索引
$result = $data[array_rand($data)];

// 去除多余的换行符（保险起见）
$result = str_replace(array("\r","\n","\r\n"), '', $result);

// echo $result;
echo 'document.write("'.htmlspecialchars($result).'");';
?>
</code></pre>
</li>
<li>
<p><em>saying.dat</em></p>
<p>把要展示的名言警句一行一行的录入：</p>
<pre><code class="language-php">往者不可谏，来着犹可追。——《论语·微子》
多行不义必自毙。——《左传》
敏而好学，不耻下问。——《论语·公冶长》
避其锐气，击其惰归。——《孙子兵法·军争》
十年树木，百年树人。——《管子·权修》
</code></pre>
</li>
<li>
<p>在index.php页面插入代码</p>
</li>
</ol>
<pre><code class="language-html">
<div class="notice">
  <i class="iconfont">&#xe607;</i>
  <div class="notice-content">
    <script src="/saying.php"></script>
    
  </div>
</div>
</code></pre>
<h2><a name="cl-23"></a><a id="%E5%8F%82%E8%80%83" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>参考</h2>
<p>[ 1 ] <a href="https://www.muaing.com/start.html">https://www.muaing.com/start.html</a></p>
<p>[ 2 ] <a href="https://www.temucy.com/index.php/archives/16/">https://www.temucy.com/index.php/archives/16/</a></p>
<p>[ 3 ] <a href="https://www.xcnte.com/archives/523/">https://www.xcnte.com/archives/523/</a></p>
<p>[ 4 ] <a href="https://cnlee.net/code/29.html">https://cnlee.net/code/29.html</a></p>
<p>[ 5 ] <a href="https://weiku.co/article/593/">https://weiku.co/article/593/</a></p>

~ ~ The End ~ ~

惟精惟一

相关推荐

热门推荐