大家好，我是李初一，本次给大家介绍一款我个人十分喜欢的二次元个人主页包括我个人进行的一些美化思路，推荐大家自己手动加入禁用右键的代码，没有右键功能会比较有高级感一点

这次给大家带来的是这样一款的二次元风格个人主页 背景为幻灯片或视频
演示地址：https://dg.zyw.one/
演示地址我做了简单的对接，对接了OneTool多平台助手所以会多三个按钮以及小部分对接后的数据，本篇文章将会绕过OneTool后台对接

[b2_file link=”https://lichuyi.lanzoum.com/ifwcS0g1ew1a” name=”二次元个人主页” pass=”” code=””]
原本是做给扒站大哥的，但是我网站做了部分处理，扒站会缺失部分代码，大家无需在意直接下载即可

正文

下载完源码，将源码解压至桌面，这里建议大家先创建一个文件夹，解压至文件夹内

一共34个文件，900k左右的内存，双击index.html查看一下源码首次加载会比较慢一点

大家先看一下页面样式以及部分细节处

页面左上角logo很丑，引导页三个字很突兀，全局性的异次元logo都很丑，生日倒计时不会动

首先移除logo，不需要移除的小伙伴可以在images文件夹内替换图片为自己的

使用NotePad++或Visual Studio Code打开index.html（两款软件都是编辑器，我个人比较喜欢notepad可能是用习惯了）

这里使用Visual Studio Code给大家教学，打开文件先修改文字信息链接啥的，这一点本文不做教学了，与美化无关

移除页内所有logo（不需要的爷们儿可以跳过这里）

Ctrl+F搜索logo

把你所看到的带logo的代码全部注释掉或者删掉

移除以后站点的细节方面看起来就会比较舒适了

修复生日计时

这里永远是373天从来都不会动，初一的演示页都搭建了一个月了都没变化过

本以为是源码问题，结果换了好几个版本都不会动，也找不到作者GitHub开源的地址

所以这里教大家手动修复/修改一下

首先，倒计时我是不会啦，但是让他计时还是很简单的

我们仅需引入JS

<!--运行时长JS - 初一资源网WWW.ZYW.ONE-->
    <script>
    var now = new Date(); 
    function createtime() { 
                          //月、日、年，小时、分、秒
        var grt= new Date("11/15/2022 00:00:00");//此处修改你的建站时间或者网站上线时间 
        now.setTime(now.getTime()+250); 
        days = (now - grt ) / 1000 / 60 / 60 / 24; dnum = Math.floor(days); 
        hours = (now - grt ) / 1000 / 60 / 60 - (24 * dnum); hnum = Math.floor(hours); 
        if(String(hnum).length ==1 ){hnum = "0" + hnum;} minutes = (now - grt ) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum); 
        mnum = Math.floor(minutes); if(String(mnum).length ==1 ){mnum = "0" + mnum;} 
        seconds = (now - grt ) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum); 
        snum = Math.round(seconds); 
        <!-- 加判断条件避免出现60秒的情况 -->
  if(snum==60){
      snum=0;
    }

  if(String(snum).length ==1 ){snum = "0" + snum;} 
        document.getElementById("timeDate").innerHTML = " "+dnum+"  "; //天数
        document.getElementById("times").innerHTML = hnum + "  "; //小时
        document.getElementById("times2").innerHTML = mnum + "  "; //分
    } 
setInterval("createtime()",250);
</script>

注意哦，这里是在HTML里引入JS而不是创建JS文件，如果要用文件形式大家自己修改调整一下即可

位于之前或者