基于atomicneko魔改搭建Typecho主页（Handsome主题）

gyro永不抽风

发布于 2021-05-21 14:23:40

7790

发布于 2021-05-21 14:23:40

文章被收录于专栏：今天也有在好好摸鱼（雾今天也有在好好摸鱼（雾

Preface

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

# 神代綺凜の随波逐流

MOE IS JUSTICE ✟ TECHNOLOGY IS POWER

萌は正義なのです ✟ テクノロジーがあれば何でもできるです

实现方法

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>