可以举个实际的例子来演示一下具体如何在模板的HTML文件中使用Typecho的模板标签吗?7 y) \2 n5 i( n; r3 ]) b: Z
^# _+ a) z6 t/ y
可以举一个实际的例子来演示一下如何在模板的HTML文件中使用Typecho的模板标签。 假设我们现在要在模板的首页中显示博客文章列表,可以按照以下步骤进行: . ^- m* k, A, M' Z
- <div class="article-list">
8 E7 u% ?' w, w8 q - <?php $this->widget('Widget_Archive@index', 'pageSize=10&type=post&category=1')->to($posts); ?>
0 B: ^* X$ h- X: T6 M6 u* i0 C3 m - <?php while($posts->next()): ?>
% c2 S8 Y2 ?7 ^! w; W - <div class="article-item">; v9 l/ Q2 ~' G) _5 \
- <h2 class="article-title">
8 n6 i& M6 w7 p1 E$ v - <a href="<?php $posts->permalink(); ?>"><?php $posts->title(); ?></a>
/ F) m- |% n8 j1 z - </h2>
* A3 g9 ?9 v7 w# } - <div class="article-meta">' w7 j7 U0 U. G8 U t4 [# i
- <span class="article-date"><?php $posts->date('Y-m-d'); ?></span>& [1 O# j5 v8 z2 x
- </div># I4 B m2 Z. A, m1 m& k
- <div class="article-excerpt"><?php $posts->excerpt(200, '...'); ?></div>) h* @; V9 I2 ^( U. R: C
- </div>( H4 }: n. N' X$ F3 |) {, E
- <?php endwhile; ?>( j2 d3 X6 a2 S3 g% x9 K/ l
- </div>5 x8 E2 A% m, ^4 r) G% x
复制代码 [backcolor=var(--c-fg-2)][color=var(--un-prose-body)]解释一下上面的代码: 第一行代码定义了一个article-list的div,用于显示文章列表。 第二行代码使用Widget_Archive类,获取归类为“技术文章”分类的文章列表,并设置每页显示10篇文章。 第三行代码使用while循环,遍历文章列表。 第四行代码定义一个article-item的div,用于显示每篇文章的标题、日期和摘要。 第五行代码使用h2标签显示文章标题,并将其链接到文章的永久链接。 第六行代码使用article-meta样式显示文章日期。 第七行代码使用article-excerpt样式显示文章摘要,最多显示200个字符。
: s) T: B+ R+ }1 {4 g
通过上面的代码,我们就可以在模板的首页中显示博客文章列表了。当我们在Typecho后台发布新的文章时,该文章也会自动显示在模板的首页中。 ( M6 b" e8 v# d' J& G W$ ~4 b
6 |5 T: A% `: @8 {5 Z
4 a( _* x' ?( _ h6 [& \, @: b3 q, u" u
, t k0 u8 m4 N) C" i; Y9 Z: x9 f9 l' p
+ p9 ^$ }* }! D5 o3 k3 F' V) K u1 H
|