homepage

原文地址 沐印 小站https://c.undf.top: 从零开始个人主页 tags: "\U0001F60EPage" categories: 💻Code abbrlink: "8730864" date: 2021-11-27 15:10:18 thumbnail: https:// 图片缺失请访问源站 https://c.undf.top/image/homepage/2022-01-17-20-03-13.jpg imgonly: true

初

目前我的个人主页是在 threejs 开源项目的基础上自己修改而成，但主页文件过于庞大（加载缓慢），且在部分平台无法完全展示，而且恰逢寒假，时间充足，所以准备一边学习 HTML+CSS+JS，一边写个人主页，有目的的学习会让人更有动力。

启

其实我前段时间就写了，但是写出来的很烂，能用但不好用。


而且也嵌入了 threejs，非常庞大，所以这次从头开始，做一个极其简洁的主页。

预

初步计划图示如下

手机端


电脑端


感觉有点空空荡荡的，到时候背景搞得花一点。

中

设置所有内容居中

设置文字颜色，大小

设置背景等

设置图标，超链接

潮

调整间隔padding,调整整体布局

移动端适配

通过 javascript 判断并跳转

<script type="text/javascript">
    try{
        var urlhash=window.location.hash;
        if(!urlhash.match("fromapp")){
            if((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))){
                window.location='/mobile/index.html'
            }
        }
    }
    catch(err){}
</script>

终

如图


不得不说，前端还是蛮难的，主要是内容非常多。

这次就这样简简单单告一段落，回头再加东西。