typecho的主题工作内容

主题工作还在无序的进行时,文档的文章页基本完成了,测试已无大碍,演示:https://wenshi.tech/post/start.html
后续还有很多页面需要做:

  • 文档列表页
  • 文档列表首页
  • 普通文章页
  • 普通列表页
  • 普通分类首页
  • 文章类型不同的分类、文章页
  • 整站首页
  • 页面
  • 搜索页
  • 存档页
  • 作者页(可能与存档页相同)
  • 。。。

目前能想到的就这么多,做一步算一步,想到再记录

转换WordPress为typecho的心路历程

why?

其实折腾WordPress已经很多年了,但是这次购买的阿里云的最低端的ECS,经不起WordPress的臃肿身躯,装了几个插件之后,已经一直导致CPU->100%,内存->100%,服务器反复宕机,我本以为是香港服务器国际网络问题,还折腾了客服一段时间,最后更换杭州服务器,退款重新购买,倒贴80块,弄好之后还是宕机,我才将目标转向WordPress本身,关掉使用WordPress的程序网站之后,服务器持续稳定,所以决定更换程序。

what?

选择程序的过程其实很简单,已经记不得是如何转到typecho的网站的了,但是一句话即打动我:

源自开发团队在精神层面上的洁癖和狂热。在使用博客程序的大部分时间里,我们只是发几段文字,贴几张图片,不需要高级复杂的系统,需要的是一个简单快速的博客平台。在流行的开源程序中,满足我们要求的很少,于是我们决定自己动手,开发一款有性格的博客程序,并用开源协议发行。

是的,就是这句话中的第一句,精神层面上的洁癖和狂热,瞬间打动我,于是,我开始深入了解并安装测试软件。当然还有下面这句话让我有了更好的印象

仅仅 7 张数据表,加上不足 400KB 的代码,就实现了完整的插件与模板机制。超低的 CPU 和内存使用率,足以发挥主机的最高性能。

安装过程相当迅速简介,跟WordPress的一样,三步,但是速度却快很多,安装好之后,点击各个链接,感觉不到页面载入的过程,点击即达,相当迅捷,后台各个功能设置浏览一遍,似曾相识,是的,就是保留了WordPress最精华部分,你想要的用于表达你的思想的功能都有,却舍弃了浮华躁动,测试过程相当感动,相见恨晚的感觉,相信有人与我有同样的感觉。就这么决定了,就是你了。

精心打磨过的操作界面,依然是你熟悉的面孔,更多了一份成熟与贴心。每一个像素的剪裁,都只为离完美更进一步。

how?

确定程序之后,还要看模板和插件,网上资源虽说不是铺天盖地,但也不少,最让我惊奇的是相较于WordPress主题和插件动辄10M以上,typecho的程序只有400K,主题几十K,插件几K,相当意外。只是到了文章输入的地方遇到了难题,我不懂这是什么编辑器,之前未接触过markdown,一头雾水,想更换个编辑器,搜索中了解了markdown,忽然感觉到这正也是与typecho精神相配的输入法,简洁高效,多处看到了优雅这个词,是的,当我了解了MD的输入规则之后,立刻就明白了,一切都是最好的选择,为了配得上这样的输入法,我不是要更换她,而是要学习她。让我们的写作就像是在弹奏最优美的钢琴曲,曲毕,文成!

当然后续工作就是研究主题和插件,有了WordPress的浅薄知识,typecho熟悉起来并不难,反正主题和插件代码都很少,读一遍也没有多少时间。之后会有更多的文字继续记录typecho的学习过程。

where?

之后的主题演示就是实际网站https://wenshi.tech, 此博客网站会做同步测试与记录。

typecho的面包屑导航

原版面包屑代码

<div class="crumbs_patch">
    <a href="<?php $this->options->siteUrl(); ?>">Home</a> &raquo;</li>
    <?php if ($this->is('index')): ?><!-- 页面为首页时 -->
        Latest Post
    <?php elseif ($this->is('post')): ?><!-- 页面为文章单页时 -->
        <?php $this->category(); ?> &raquo; <?php $this->title() ?>
    <?php else: ?><!-- 页面为其他页时 -->
        <?php $this->archiveTitle(' &raquo; ','',''); ?>
    <?php endif; ?>
</div>

改进版的面包屑导航代码

<div class="crumbs_patch">
    <a href="<?php $this->options->siteUrl(); ?>">Home</a> &raquo;</li>
    <?php if ($this->is('index')): ?><!-- 页面为首页时 -->
        Latest Post
    <?php elseif ($this->is('post')): ?><!-- 页面为文章单页时 -->
        <?php $this->directory(); ?> / <a href="<?php $this->permalink() ?>"><?php $this->title() ?></a><!-- 增加分类链接,同时增加多级分类的显示 -->
    <?php else: ?><!-- 页面为其他页时 -->
        <?php $this->archiveTitle(' &raquo; ','',''); ?>
    <?php endif; ?>
</div>

修改说明

改进代码的主要在第六行,增加了分类的链接,可以直接返回分类。同时将category();修改为directory();,为了增加多级分类显示,这样面包屑导航才是真正的面包屑,你说是不是?

实际情况并不理想,如果一个文章归属多个分类,则只能显示一个,所以还是用category();

扫一扫,访问移动端

Gaobukai
I am alone on my life's Journey up to now, and the future.

推荐 / Digest

热点 / Hot

评论 / Comments

  • Gaobukai: 既然能调用0号图片就能调用随机图片<?php rand(0...
  • Gaobukai: 我这里没有这个问题,不知道哪里出的问题,需要的话加我微信看看什么情况吧
  • hu bill: 我也是这样的
  • hu bill: 对
  • : 上传头像,弹出框显示[object object],并一直显示在...
  • Gaobukai: 按理应该不难,随机数调用就行了

标签 / Tags

推广 / Ads