最近开始写周刊，想直接发在博客中，但又不想「污染」现在的博客内容——毕竟两种内容形式上差异非常大。于是对博客有两个功能需求：

  1. 博客首页只展示特定分类的文章
  2. 不同分类的文章使用不同的（列表）模板展示

记录下这两天折腾的结果，方便以后博客迁移或重装的时候，有迹可循。

博客首页显示特定分类文章

主题的index.php是博客的首页模板，其中有有如下代码片段：

<div class="col-mb-12 col-8" id="main" role="main">
    <?php while ($this->next()): ?>
        <article class="post" itemscope itemtype="http://schema.org/BlogPosting">
            <h2 class="post-title" itemprop="name headline">
                <a itemprop="url"
                   href="<?php $this->permalink() ?>"><?php $this->title() ?></a>
            </h2>
            <ul class="post-meta">
                <li itemprop="author" itemscope itemtype="http://schema.org/Person"><?php _e('作者: '); ?><a
                        itemprop="name" href="<?php $this->author->permalink(); ?>"
                        rel="author"><?php $this->author(); ?></a></li>
                <li><?php _e('时间: '); ?>
                    <time datetime="<?php $this->date('c'); ?>" itemprop="datePublished"><?php $this->date(); ?></time>
                </li>
                <li><?php _e('分类: '); ?><?php $this->category(','); ?></li>
                <li itemprop="interactionCount">
                    <a itemprop="discussionUrl"
                       href="<?php $this->permalink() ?>#comments"><?php $this->commentsNum('评论', '1 条评论', '%d 条评论'); ?></a>
                </li>
            </ul>
            <div class="post-content" itemprop="articleBody">
                <?php $this->content('- 阅读剩余部分 -'); ?>
            </div>
        </article>
    <?php
endwhile; ?>

    <?php $this->pageNav('&laquo; 前一页', '后一页 &raquo;'); ?>
</div><!-- end #main-->

对上述代码做两个调整即可：

1、将while改为特定类目的文章，即：

把

<?php while ($this->next()): ?>

改为：

<?php $this->widget('Widget_Archive@index', 'pageSize=5&type=category', 'mid=297')->to($newList); ?>  <!-- 取到特定类目的文章，存放在newList变量中 -->
<?php while ($newList->next()): ?>  <!-- 对取到的文章进行循环输出 -->

解释：

  • 第一行：取特定类目的文章存在newList中，mid就是想指定的类目id，pageSize就是翻页时每页的文章数。
  • 第二行：循环输出文章，功能类似替换前的<?php while ($this->next()): ?>

2、将$this变量替换为$newList变量，包括：

  • 把while循环内部所有的$this替换为$newList
  • 底部的$this->pageNav也要替换为$newList->pageNav

解释：诸如$this->title()、$this->permalink()等都是取文章的特定信息，现在文章存在newList变量中了，所以替换即可。

最后提一下，以上修改是在ChatGPT的帮助下完成的：

每个分类使用不同的列表模板

Typecho的分类页（比如这个）、标签页、作者页以及搜索结果页默认都使用主题中的archive.php模板。

参考这篇教程，想为不同类目单独定义列表页，可以在archive.php做判断，根据不同条件引用不同模板。具体步骤如下：

1、首先，需要为特定分类创建各自的模板，比如我创建了「周刊」分类模板index_weekly.php，「文章」分类模板index_post.php，这两个分类模板代码，均基于archive.php模板修改而来。

2、复制一份archive.php，命名为backup_archive.php

3、将原来的archive.php的内容清空，改为：

<?php
if ($this->is('category', 'post')) {
    $this->need('index_post.php');
} elseif ($this->is('category', 'weekly')) {
    $this->need('index_weekly.php');
} else {
    $this->need('backup_archive.php');
}
?>

解释：上述代码使用is语法判断分类，再引用特定的模板。

  • 如果分类是「文章」（代码中使用文章分类的slug值post），使用index_post.php模板
  • 如果分类是「周刊」（代码中使用周刊分类的slug值weekly），使用index_weekly.php模板
  • 所有其它情况（无论其它分类页，还是标签页、作者页等）均使用backup_archive.php，即原始的模板代码。

给周刊文章详情页增加固定前言

我给周刊的前面增加了一段固定前言，效果如下：

周刊文章前增加说明
周刊文章前增加说明

只需要在post.php的<?php $this->content(); ?>前面，增加如下代码：

<?php
//获取当前文章的分类名称
$category = $this->category;
//根据不同的分类名称，输出不同的固定内容
switch ($category) {
    case "weekly":
        echo '<p><blockquote><i>提示：「拾月周刊」系列同步发在Substack，支持邮件订阅（<a href="https://skyue.substack.com" target="_blank">现在订阅</a>）。</i></blockquote></p>';
    break;
    default:
        echo '';
}
?>

将Memos嵌入到博客

总体而言，我想把各种self-host的东西放在博客主域名、并在一套主题框架下。所以，看到木木木木木 的文章，顺便把Memos也放进了博客。效果看这里。

Memos嵌入博客效果
Memos嵌入博客效果

这个比较简单，主题文件下创建一个模板memos.php，然后在博客后台新建一个页面，选择「memos模板」，页面内容空着，直接发布即可。

模板代码如下：

<?php $this->need('header.php'); ?>
<?php if (!defined('__TYPECHO_ROOT_DIR__')) exit;

/**
 * Memos模板 (会显示在后台的模板名称)
 *
 * @package custom
 */
?>


<div id="bber" ></div>
<script type="text/javascript">
  var bbMemos = {
    memos : 'https://memos.skyue.com/',//修改为自己部署 Memos 的网址，末尾有 / 斜杠
    limit : '20',//默认每次显示 10条 
    creatorId:'1' ,//默认为 101用户 https://demo.usememos.com/u/101
    domId: '',//默认为 <div id="bber"></div>
  }
</script>
<script src="https://immmmm.com/bb-lmm-mk.js"></script>
<script src="https://fastly.jsdelivr.net/npm/marked/marked.min.js"></script>
<script src="https://fastly.jsdelivr.net/gh/Tokinx/ViewImage/view-image.min.js"></script>
<script src="https://fastly.jsdelivr.net/gh/Tokinx/Lately/lately.min.js"></script>



<?php $this->need('footer.php'); ?>

分类: 折腾 标签: typecho

🔔 Email 或RSS订阅本博客

已有 15 条评论

  1. 昀晓 昀晓

    好久不见，提醒您一下最近 ty1.2 有 xss 漏洞，建议您修复一下

    回复
    1. SKYue SKYue

      果然还是目录结构变化了，我的1.2还是2018年的。。趁这次，升级到1.2.1了。

      回复
    2. SKYue SKYue

      根据你的文章，在我的服务端typecho的var目录下，都找不到Base文件夹。
      源码结构和release安装版结构不一样么？

      回复
  2. 老陳网志 老陳网志

    字体修改了看起舒服多了。👍

    回复
    1. SKYue SKYue

      今天刚换，也非常喜欢这个字体。

      回复
  3. 涉水轻舟 涉水轻舟

    感觉还是Textpattern 好实现，只需要一个 <txp:if_category> 就搞定了，也许是个人使用习惯问题总感觉PHP跟模版一体的设计总感觉怪怪的。

    回复
    1. SKYue SKYue

      之前用python的flask开发网站，也是模板分离的。不过，最近折腾typecho也挺习惯这种模式了。
      textpattern研究过，不支持sqlite3就放弃了，非常不乐意为博客装个MySQL，哈哈。

      回复
  4. 拾风 拾风

    干货～如果能不同栏目不同主题，确实体验好很多

    回复
    1. SKYue SKYue

      可以把「杂记」系列单拎出来，哈哈。

      回复
  5. 老张博客 老张博客

    这样的话，就有个性了。

    回复
    1. SKYue SKYue

      还差一个self-host Newsletter的能力，把这个补齐，就更酷了，哈哈。

      回复
  6. hqweay hqweay

    啊酷，我用 ChatGPT 生成过正则表达式，代码、解释、测试案例都给出了，超棒。像我这种程度的打工人，在技术上的效率几乎都只不过体现在对搜索引擎的利用率（(′д｀ )…彡…彡）……以前瞥见别人在输入框写一段描述会有廉价的优越感，心想连关键词都不会用吗。未来上下文也变得重要啦，已经很重要了！

    回复
    1. SKYue SKYue

      写代码，绝对是ChatGPT第一应用场景，非常强大。

      回复
  7. x x

    周刊为什么不像 memos 那样单独一个页面外嵌专门的周刊模块呢

    回复
    1. SKYue SKYue

      哈哈，没有可抄的模板。
      Memos如果不是木木木木木的代码，让我自己写，也是搞不出来的。

      回复

添加新评论