山川行貉's Typecho 山川行貉's Typecho

山川行貉

SocialX · Typecho 测试站

首页 » 长文 » SocialX Typecho 移植手记:从 Hexo 到 PHP

SocialX Typecho 移植手记:从 Hexo 到 PHP

把 socialX 从 Hexo 的 EJS 模板搬到 Typecho 的 PHP 模板,比预想的顺利。

为什么移植

Hexo 版所有样式都是自研的,设计资产可以 100% 复用,真正要重写的只有模板层。

映射关系

  • layout.ejs → header.php + footer.php
  • index.ejs → index.php
  • partial('x') → $this->need('x.php')
引用测试:这是引用块,看排版是否正常。
function sx_icon($name) { /* 图标 */ }

正文里塞一张图测试灯箱:

测试图

小节标题

还有列表:

  1. 有序项目一
  2. 有序项目二
  • 无序项目
  • 再来一个
评论8
  1. 路人甲
    路人甲 回复

    沙发!主题看着不错,信息流卡片挺顺眼的。

      1. 博主
        博主 博主 回复
        回复 路人甲沙发!主题看着不错,信息流卡片挺顺眼的。

        是的,抽屉是手写的,没有依赖。

          1. 路人甲
            路人甲 回复
            回复 博主是的,抽屉是手写的,没有依赖。

            回复博主:手写的话动画是自己做的?

              1. 博主
                博主 博主 回复
                回复 路人甲回复博主:手写的话动画是自己做的?

                对,CSS transform + transition,很简单。

  2. 围观群众乙
    围观群众乙 回复

    问一下这个移动端抽屉是原生实现吗?

      1. 博主
        博主 博主 回复
        回复 围观群众乙问一下这个移动端抽屉是原生实现吗?

        对,细节在 JS 里。

  3. 路过丙
    路过丙 回复

    多一条普通评论凑数。