发觉自己真的老了,好多东西折腾不动了……一个网站模版和个性化,竟然每天就只能折腾一点点。遥想公瑾当年,一晚上不睡觉,整个网站页面就优化完毕了。
网站以前用MT,最喜欢的当然是静态化,虽然用的是3.X,但是能达到我的要求,就一直没有换。但是后来不知道为什么,反垃圾评论功能失效了……作为一个强迫症兼偏执狂,当然受不了这个,但是自己又没劲再去折腾了。于是,换到了Typecho,因为实在是不想用大众脸的WordPress!
诚如我第一篇日志所言,微博微信都是危险的,他让我们渐渐失去了长时间去思考的能力,适应了快餐文化,适应了随手点个赞。还是回到公开在互联网的个人网志,保存放心、安全,所有东西都归我管。当然,如果不是Blogger被土啬女干了,我是愿意去那里安家的。
好久没有废话了,那废话就说到这里吧,因为Typecho的官方文档还有很多不完善的地方,自己找以及在网上琢磨,为了方便也许只有一两个人能到的这里的友人们,下面就放一些常用的Typecho的代码吧。
这里先放一个列表,详细的请进入阅读全文。
归档页面模板
(这里涉及到官方文档首段代码没有结尾,注意参考下面的第一段)
<?php
/**
* 归档页面模板
*
* @package custom
*/; ?>
<?php $this->need('header.php'); ?>
<div class="col-mb-12 col-8" id="main" role="main">
<h3 class="archive-title">日志归档</h3>
<?php $this->widget('Widget_Contents_Post_Recent', 'pageSize=10000')->to($archives);
$year=0; $mon=0; $i=0; $j=0;
$output = '<div id="archives">';
while($archives->next()):
$year_tmp = date('Y',$archives->created);
$mon_tmp = date('m',$archives->created);
$y=$year; $m=$mon;
if ($mon != $mon_tmp && $mon > 0) $output .= '</ul></li>';
if ($year != $year_tmp && $year > 0) $output .= '</ul>';
if ($year != $year_tmp) {
$year = $year_tmp;
$output .= '<h3 class="al_year">'. $year .' 年</h3><ul class="al_mon_list">'; //输出年份
}
if ($mon != $mon_tmp) {
$mon = $mon_tmp;
$output .= '<li><span class="al_mon">'. $mon .' 月</span><ul class="al_post_list">'; //输出月份
}
$output .= '<li>'.date('d日: ',$archives->created).'<a href="'.$archives->permalink .'">'. $archives->title .'</a> <em>('. $archives->commentsNum.')</em></li>'; //输出文章日期和标题
endwhile;
$output .= '</ul></li></ul></div>';
echo $output;
?>
</div><!-- end #main -->
<?php $this->need('sidebar.php'); ?>
<?php $this->need('footer.php'); ?>
获取分类描述
<?php echo $this->getDescription(); ?>
案例演示:
<?php $this->widget('Widget_Metas_Category_List')
->parse('<li><a href="{permalink}" title="{description}">{name}</a> ({count})</li>'); ?>
前后文章调用代码
<?php $this->thePrev(); ?> <?php $this->theNext(); ?>
随机颜色标签云
<?php $this->widget('Widget_Metas_Tag_Cloud', 'ignoreZeroCount=1&limit=30')->to($tags); ?>
<ul class="tags-list">
<?php while($tags->next()): ?>
<li><a style="color: rgb(<?php echo(rand(0, 255)); ?>, <?php echo(rand(0,255)); ?>, <?php echo(rand(0, 255)); ?>)" href="<?php $tags->permalink(); ?>" title='<?php $tags->name(); ?>'><?php $tags->name(); ?></a></li>
<?php endwhile; ?>
</ul>
返回网页顶部
在footer.php页面增加如下代码(可直接下载我的第二段JS代码,将其中的图片地址改成你自己定义的):
<!-- Start of Go-Top Code -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://chenjun.com/usr/uploads/top.js"></script>
<!-- End of Go-Top Code -->
段落首行缩进两字符
编辑Style.css文件,增加如下代码:
.post-content p{
text-indent: 2em; /*em是相对单位,2em即现在一个字大小的两倍*/
}
后续待补充,部分参考:Typecho官方文档以及Typecho.me,一并致谢!