Preface

在搭建本站的时候，又是因为康到了神代綺凜大佬的博客主页，遂研究了一番，有了魔改的想法。

实现方法

Fork项目

原项目：amphineko/atomicneko

修改个人信息

主要内容都位于scr/index.html和另一个css文件当中，直接修改即可。

项目基于Node.js和Webpack打包，具体使用方法在GitHub有写。

我Fork以后的魔改项目：

JeffersonQin/atomicneko

修改Handsome的时光机模板

在魔改好主页的文件之后，我的想法是在时光机页面直接调用那个html，使用iframe的方式，结果和原作的方法不谋而合。我将生成的dist文件夹放置在/var/www的某个目录之下（自己记住，其实直接通过html访问都可以），为了将其整合到时光机页面当中，我们则需要修改主题文件目录下的cross.php并插入一段iframe代码。

<script type="text/javascript">
    // document.domain = "caibaojian.com";
    function setIframeHeight(iframe) {
        if (iframe) {
            var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
            if (iframeWin.document.body) {
                iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
            }
        }
    };

    window.onload = function () {
        setIframeHeight(document.getElementById('external-frame'));
    };
</script>

<iframe src="//gyrojeff.top/intro-chem/index.html" style="width: 100%" frameborder="0" height=1500px scrolling="no" id="external-frame" onload="setIframeHeight(this)" onloadeddata="setIframeHeight(this)" onchange="setIframeHeight(this)"></iframe>

后记

剩下的就由大家自己魔改啦（去掉自己想去的，仔 细 调 教

反正我魔改之前也从来没玩过php，自己瞎改代码肯定行的（确信）

(/▽＼)