可以举个实际的例子来演示一下具体如何在模板的HTML文件中使用Typecho的模板标签吗?
5 \9 U$ l2 C, f! `! a! N/ r/ b$ q; e- l" P6 A& @
可以举一个实际的例子来演示一下如何在模板的HTML文件中使用Typecho的模板标签。 假设我们现在要在模板的首页中显示博客文章列表,可以按照以下步骤进行:
4 {6 H9 T$ Z# l& _: c- r- <div class="article-list">
, b! z' U, S7 ]' P3 }; Y - <?php $this->widget('Widget_Archive@index', 'pageSize=10&type=post&category=1')->to($posts); ?>
' N5 l% l, M: ~( q( }$ q9 U - <?php while($posts->next()): ?>
4 J# o: ~5 ?' X' E# |" W; | - <div class="article-item">
, D* k% L7 a5 }& u9 O - <h2 class="article-title">
# z& s8 R, V, o! T0 H, K% @3 N - <a href="<?php $posts->permalink(); ?>"><?php $posts->title(); ?></a>6 k+ y5 u5 Q. Z5 M. ~ a8 [
- </h2>
9 W$ _0 q. N* O5 q - <div class="article-meta">; s, X6 k. u9 P$ M( M- i
- <span class="article-date"><?php $posts->date('Y-m-d'); ?></span>
1 s6 A3 J+ a1 s' i% C - </div>
7 Q) g* M" B( E - <div class="article-excerpt"><?php $posts->excerpt(200, '...'); ?></div>
& P: V/ K: i% w8 s! x3 j& H' W - </div>
4 j5 T3 h1 d# F: f8 N - <?php endwhile; ?>
! R7 Z- }7 I- B$ k - </div>2 ?2 l. ?" g7 F( j2 c' m
复制代码 [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个字符。
( T: ]8 B! W+ q1 Y) g; G
通过上面的代码,我们就可以在模板的首页中显示博客文章列表了。当我们在Typecho后台发布新的文章时,该文章也会自动显示在模板的首页中。
5 a# J; N2 f9 f3 F4 c1 \# B) u- a' `3 T0 |6 F
a" P: F5 [$ T) x
2 B7 E4 h3 w% F8 F! P. O( e! r' b6 R( r S
8 g2 C* L7 I; x2 V O- x) J4 ~
6 [" r( ?: K/ @2 n |