上礼拜刷朋友圈看见有人晒个人网站,嚯,那叫一个炫酷,动画特效满天飞。我寻思咱这前端三脚猫功夫搞不了那么花哨,但弄个最简单的名片站总行?就叫“微小的我官网”,听着挺实在。
说干就干
大半夜脑子一热就开电脑了。琢磨着用啥技术?WordPress?太重!Vue?还得配服务器!大腿一拍:最土的才是最香的!直接打开记事本,咔咔敲HTML。对,你没听错,就是Windows自带那个白底黑字的玩意儿。
- 为啥纯手写? 就三页面:主页、关于我、联系方式,杀鸡用牛刀都嫌累;
- 为啥不买域名? 怕自己三天热度,钱打水漂;
- 图片放哪儿? 直接扔GitHub仓库!省下CDN钱买煎饼果子不香吗?
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
踩坑踩到脸着地
本以为半小时搞定,结果光调样式就折腾到凌晨三点。手机上一看——字小得像蚂蚁腿!赶紧百度“手机网页字变大”,才知道要加这行鬼东西:
刚加上去又傻眼:电脑上看排版全乱了!气得我对着屏幕骂街:“破CSS你跟我玩川剧变脸?!” 硬是拿媒体查询糊上去:
css
/ 手机屏搞个超大按钮 /
@media (max-width: 600px) {
.my-btn {
padding: 20px !important;
font-size: 24px !important;
部署比写代码还累
兴冲冲传文件到GitHub Pages,刷了半小时404。仓库名少打个s!改成“*”才刷出个寒酸首页。发现图片死活不加载,一查路径——把“images”拼成“imgaes”了!真想抽自己俩嘴巴。
最绝的是提交记录:《测试部署》《真的测试》《这回一定行》《我是猪》,连改八次才搞定,GitHub怕不是以为我在写日记。
成品寒酸但踏实
现在这破站长这样:
- 背景就一纯白色,省得纠结配色;
- 头像是我家猫,反正比本人好看;
- 技能栏用进度条?不存在的!直接写“PS:会开机”“Excel:能求和”
昨晚分享到技术群,有人嘲笑像2005年古董站。我反手截了他花里胡俏的跳转失败页:“您这404动画挺别致?” 群里瞬间安静如鸡。
折腾一圈发现:删光所有动态效果后,加载快得飞起!用老人机都能秒开。突然觉得这堆破事值了——至少比朋友圈晒娃有成就感?(手动狗头)