|  | 
 
| 8 c3 `9 t; N; i8 h5 K可以将 SpeciaTheme 中 Heropress Pro 主题转换成 Typecho 主题,下面是具体的实现过程:
 / S% L. b2 ?$ O, \3 B5 t2 |! ?* b/ M9 l8 `* U3 G) U
 1.下载主题文件' \  n! x6 u# I! S5 _* V
 
 ' q8 v' J3 K; u9 s% |7 F; i在 SpeciaTheme 网站购买 Heropress Pro 主题后,从下载链接中下载主题文件压缩包。
 . Q( y' [, G8 ~4 S- Q# W. @# O. \# ^- m' Y7 T( F
 2.创建 Typecho 主题目录
 : f" H5 P, n' z% h" J( ]6 ]  ^/ d2 @' d* U2 n& Z
 在 Typecho 根目录下的 usr/themes 目录中新建一个名为 heropress-pro 的文件夹,这将是新的主题目录。4 H; `0 F( \1 k2 S6 I* B0 e+ k
 
 2 \* s4 ?+ J2 R3.解压主题文件/ X$ g2 P4 }/ n( |
 + L8 r: ?4 L' @
 将下载的 Heropress Pro 主题文件压缩包解压缩,然后复制文件到 heropress-pro 目录中。应该会有以下文件和目录:* a$ L5 g6 a/ W% Q% Q& n
 
 7 G" G' }" x. E; @. g+ A) massets/
 ' W9 g- |& R2 }3 D; M  hdist/
 0 j, b: w0 m3 t+ z; Finc/
 7 S" `9 `; S" F: V$ ?$ y; ynode_modules/
 : b; j7 Z; x' _+ Ypartials/& z4 w' d( c0 F. Q/ m1 X
 templates/
 ; `$ \3 E2 V; V& ^8 {$ t.babelrc% X5 a6 e/ A- h8 F
 .eslintrc.js
 6 w! z" D3 ~6 S% ygulpfile.js
 . s. a+ a; p2 l0 V3 S2 Gpackage.json# l. _9 M0 d8 e6 t" R: {/ h
 webpack.config.js1 S) g4 t% p" a7 u
 4.修改主题样式表文件; X% d$ V: ?* {- b. B
 " z" L& A7 v. p* V2 M; o4 i* G
 修改主题样式表文件 assets/css/style.css,将其中所有图片、字体等路径都指向 Typecho 主题所在的地址。例如:
 6 G8 A- w/ t/ N, J9 I( {( C/ l2 V) B% g- Q
 css
 5 n2 _( B6 p* j& W1 g/ nbackground-image: url('https://example.com/usr/themes/heropress-pro/assets/images/bg.jpg');3 ~- H- X' e4 P  \# ^/ h
 修改为:5 w- u) N  F* ~, e
 
 + T8 L* o/ L( r& icss
 1 D  V! x) j' J0 H+ @+ n* W! S8 P7 Cbackground-image: url('/usr/themes/heropress-pro/assets/images/bg.jpg');
 6 A/ p1 l9 Y1 i5.创建 Typecho 主题配置文件
 ; U* u( L5 a% B5 `3 c6 `- c9 X( k6 K# W  I1 G9 K, F+ y' B: l. i* V. z9 T0 X
 在主题目录中创建一个名为 config.inc.php 的文件,并添加以下代码:# P0 D1 x( e, Y! h- z$ h9 }
 
 $ c& N1 I9 b, y! `7 D7 c6 @8 p, dphp
 7 W( o5 x8 T* c0 x, n9 u: r<?php
 & U% |% m3 @* o* yreturn array(' V7 e2 V& S9 i8 k! C+ y* x8 L
 'name' => 'Heropress Pro',
 , \1 ?0 n/ g+ X+ G  'description' => 'Typecho adaptation of Heropress Pro theme',
 % Q2 Q% d' w3 l/ Z( l  'version' => '1.0',9 z/ c- X  Z$ Q6 x3 c( ~
 'author' =>'Your Name',; Q0 x* ~! }+ q
 );9 _. D1 u7 `9 |+ Y  E
 6.配置主题布局文件6 Q/ n; W& i( A# P1 f
 : U$ z2 ?/ _. n) M  p, p
 在 heropress-pro 目录中创建一个名为 index.php 的文件,并添加以下代码:
 8 u( l% R- E( J: h" R  @  V
 2 C% t$ ?- \6 A& b, [& F$ L  fphp
 8 B, Z) N! _5 e<?php while ($this->next()): ?>1 o( A( M9 ]. M% H
 <div class="post">
 * n5 X) z& Z# Y* W    <h2 class="post-title"># ]3 {4 `6 F6 a' ]3 C
 <a href="<?php $this->permalink() ?>"><?php $this->title() ?></a>" M0 I) T5 P5 S2 q0 D8 F
 </h2>
 # Q# T6 c  G& E* z    <div class="post-meta">& S. ]) i3 _* N% a& |
 <span><?php $this->date('F j, Y'); ?></span>" L, `( F& K' L% N4 m" T. G/ c. d& E
 <?php if($this->tags): ?>+ Y  C+ l$ ~2 W3 o$ ]' V. O
 <span class="post-tags">
 4 q& R1 O0 q9 L( j! J! M           <?php $this->tags(', ', true, 'none'); ?>! u. ^: `8 l' X" V: M3 C
 </span>
 7 b( l  g6 ?1 y- Y: F4 B& Q" e8 G, a        <?php endif; ?>
 # |" P( F: r! K9 G/ r- q, A9 ^    </div>
 & y# L8 O6 f- R! T0 [# c+ x' ~    <div class="post-content">/ U# U; \4 X6 C' t; s
 <?php $this->content('Read more »'); ?>
 + K" ~6 W* J" ~. q8 s/ T! G    </div>3 [  g& ?* q6 P( n: U
 </div>0 s' i! K# f1 o" v
 <?php endwhile; ?>
 / z; {2 M4 v' S) b) e4 H3 @9 O  q8 K. K7.调用 Typecho 函数: }& c( \) b( y9 P6 L8 a
 
 1 X/ R# g' t% _% r0 z在 index.php 文件中,将需要显示文章的地方改为 Typecho 的函数。例如:: d, X) c+ Z6 p3 y: e& G9 g
 
 ) x: U9 M+ @% r! H用 the_title() 替换 get_the_title()。  z& L3 n  i0 v4 D# b( a6 T% t9 l
 " }% M# j# M5 g  K8 X  u
 用 the_permalink() 替换 get_permalink()。& y, ^5 X- N' ^, y2 ]2 i0 r! _
 
 + `/ p6 A5 \* k# b用 $this->date('F j, Y'); 替换 the_time('F j, Y')。2 k4 `  N/ T  Z& X
 
 1 Z% x, J1 g9 y  c+ C* {用 $this->content('Read more »'); 替换 the_content('Read more »')。1 x* O5 g% T5 e+ s
 
 / I% N' g2 r' E$ k/ G8.添加 Typecho 标记# S% S; n8 T3 Z  R  A
 
 ! d: f2 g! [& ^  n8 c# f2 s3 ?, U在 index.php 文件中,添加 Typecho 的头部和页面循环,以及必要的 js 和 css 文件:" X1 E5 ~; J9 C) W) q& U9 N: D
 
 $ S" y( U- h) b( K2 H) g- _0 e% ?& T( \php
 ' ^3 ^. U- T3 K: F: J; d' q( a% N<?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 : t- ?9 H' H) {<?php $this->need('header.php'); ?>
 0 v* f' Z1 j% a2 ?3 [; P$ H/ a0 E<div id="main" class="container">+ {# O4 e, U) @6 u' v
 <div id="content" class="row">, [; U" |) Q4 B7 F- l$ u, ]# Q5 T7 M
 <?php while ($this->next()): ?>
 ; \, [* v0 m: n& ~' h# i        <div class="col-md-8 col-md-offset-2">
 ; ^$ @# ?$ h) T4 c1 ?            <div class="post">/ c4 i6 t% }4 g4 q
 <h2 class="post-title">2 q9 p, v3 _  V* D. k
 <a href="<?php $this->permalink() ?>"><?php $this->title() ?></a>$ a" g& F4 l8 j' o
 </h2>
 7 E8 }. y0 _: J6 z                <div class="post-meta">* l0 ^' }: Y! m
 <span><?php $this->date('F j, Y'); ?></span>
 1 `) O2 p( j) O# @' _- K                    <?php if($this->tags): ?>
 % M1 c! }  x8 m8 d                    <span class="post-tags">
 " U) [2 l7 ^, z7 o8 F5 P! @. i5 E( o                       <?php $this->tags(', ', true, 'none'); ?>
 0 p  {: u4 \( ^# D! b( W                    </span>8 g# v) W- ^7 a4 ^0 u
 <?php endif; ?>
 # t: T+ \( `. j7 A, u3 ^4 \5 L2 u                </div>
 " @; n0 e+ d) c( e                <div class="post-content">8 V9 U- G7 o3 _) f2 h
 <?php $this->content('Read more »'); ?>- t/ `$ f: o( q; W3 T9 o
 </div>- k& K( m( T, K
 </div>( ~! z% E, r. D# \4 d" U
 </div>- H9 K- t8 h- i  ^% D$ ]) W/ U
 <?php endwhile; ?>
 + U6 N7 `6 j6 S) w# S' K: A8 W# \    </div>- A* F& R7 u4 N" I" a% c% z
 </div>, S4 l( p5 p7 g- @8 o, S( ]
 <?php $this->need('footer.php'); ?>
 6 D/ ?3 x( F  R/ ]- e7 ]9.调整其他可能需要的文件和代码
 + u) {8 W6 \. ]/ H$ g; \' _1 Y" S9 ?& v7 N8 h% L7 Q4 A
 根据 Typecho 的特点,需要调整主题中的一些文件和代码。例如,需要将 header.php 中的 <title> 标签改为:
 G) h# r  J  i! @# z0 E& ?. T, T
 html
 ' q9 q7 n8 D: F$ _" s: y<title><?php $this->archiveTitle(array(
 8 k* R1 Q3 A/ O# _% \        'category'  =>  _t('%s'),1 e) n: O" [* h) h
 'search'    =>  _t('Search "%s"'),
 # r3 d0 O) V5 x3 \# V        'tag'       =>  _t('Tag "%s"'),5 T) s' i# h" ?$ I; L; \% g1 d
 'author'    =>  _t('Author "%s"'),4 k- x( U5 _7 M# a+ q( [5 m1 i
 'date'      =>  _t('Archive "%s"'),( Q, K& q4 ?& n% t' ^* b
 'default'   =>  ''
 4 v) ]7 k  l4 a4 G0 n( @    ), '', ' - '); ?><?php $this->options->title(); ?>
 % a5 j# [7 `- R3 i/ M</title>! j) e; R! w1 T* K2 q
 10.使用主题; M: X+ P3 k, J0 G5 N* L
 
 9 g8 J# r  @* m' `登录 Typecho 管理页面,选择外观,找到 Heropress Pro 主题,并选择该主题即可。" ?& R6 d( g  i
 
 0 ]7 d/ ^! a$ H* ]& \以上就是将 Heropress Pro 主题转换成 Typecho 主题的具体过程,希望对你有所帮助。
 * `  v# S( \+ Z
 8 n+ Q, L% S$ {8 a  V1 }
 | 
 |