写在前面的话

你心目中最好看的Typecho主题是什么呢?
这篇文章仅适用于爱折腾的`菜鸡`食用,大佬勿喷!

移植前的准备

  • 寻找目标站(今天移植的是4000年官网)http://ju-jingyi.com/
  • 先观察目标站的整体构造(喜欢就直接先把网站以静态文件扒下来)

扒下目标站

  • 我这里用到的是网上找的某扒站软件
    51602-5q0hfb7ziu.png

27240-y9ylk0lh1nr.png

  • 保存到本地文件夹
    57366-qok72w7tpkq.png
  • 打开首页文件看一下代码
    49158-pj5bhrfjood.png

开始移植大法

  • 新建CSS,JS,IMG文件夹
    44081-c896h6ruqx9.png
  • 新建 头部(header.php),脚部(footer.php),首页(index.php)文件
    75124-hjoxqsf1vj6.png

header.php

25827-dwac5ihs5kj.png

  • 把目标网站的头部部分移植到header.php里面。F12调试,变色部分代码就是头部

72571-0xx6o2eavkc.png

参考Typecho官方主题,写header.php

18270-7crdn70yka.png

  • 把目标站的头部代码复制进来 /头部引用CSS
    45808-rj506mxf7oe.png
  • 把目标站的图片先上传到网站(我选择的是上传又拍云/速度贼快还免费)
    95430-s2ddt53aq3.png
  • 替换链接
    15304-c17z4zqks7l.png

参考Typecho官方主题,写footer.php

74160-vqh3q1k3bw.png

  • 把目标站的脚部代码复制进来 /脚部引用JS
    36851-m27jc1485a.png

参考Typecho官方主题,写index.php

  • 把目标站的主体代码复制进来 /依样画葫芦
    99675-seh2w2xa7ml.png

去后台启用这个新主题预览一下

55746-2mjg06ddv75.png
16556-kgju1lf7yfh.png

待续...

更新...

继续上次挖完的坑,我抽空来填。

来看一下index.php的代码,显示文章怎么写:
96120-xkivt821ygd.png
来预览一下效果:
57845-w4mjmezapn.png
23338-g0pz7bix2su.png

参考文档:TYPECHO模板开发快速入门

接下来就是文章页post.php

直接参考 http://ju-jingyi.com/gallery.html 里面的样式来套娃。

代码如下
25435-wkowaa7fg5m.png

<?php $this->content(); ?>

就是显示文章的核心代码,放在合适的位置即可。

预览:
21642-43d8mykj8os.png
36278-4akoz3jd2ya.png

其他的page.php archive.php comments.php 404.PHP 等页面就依样画葫芦

多参考别人的代码,多动手,不懂的话多问问那些厉害的大佬! 还可以加入QQ群 491289722 获取管理员的帮助哦!