上礼拜刷朋友圈看见有人晒个人网站,嚯,那叫一个炫酷,动画特效满天飞。我寻思咱这前端三脚猫功夫搞不了那么花哨,但弄个最简单的名片站总行?就叫“微小的我官网”,听着挺实在。

说干就干

大半夜脑子一热就开电脑了。琢磨着用啥技术?WordPress?太重!Vue?还得配服务器!大腿一拍:最土的才是最香的!直接打开记事本,咔咔敲HTML。对,你没听错,就是Windows自带那个白底黑字的玩意儿。

微小的我官方网站怎么进?(一键直达攻略助你快速访问!)

  • 为啥纯手写? 就三页面:主页、关于我、联系方式,杀鸡用牛刀都嫌累;
  • 为啥不买域名? 怕自己三天热度,钱打水漂;
  • 小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区

  • 图片放哪儿? 直接扔GitHub仓库!省下CDN钱买煎饼果子不香吗?

踩坑踩到脸着地

微小的我官方网站怎么进?(一键直达攻略助你快速访问!)

本以为半小时搞定,结果光调样式就折腾到凌晨三点。手机上一看——字小得像蚂蚁腿!赶紧百度“手机网页字变大”,才知道要加这行鬼东西:

刚加上去又傻眼:电脑上看排版全乱了!气得我对着屏幕骂街:“破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动画挺别致?” 群里瞬间安静如鸡。

折腾一圈发现:删光所有动态效果后,加载快得飞起!用老人机都能秒开。突然觉得这堆破事值了——至少比朋友圈晒娃有成就感?(手动狗头)

免责声明:喜欢请购买正版授权并合法使用,此软件只适用于测试试用版本。来源于转载自各大媒体和网络。 此仅供爱好者测试及研究之用,版权归发行公司所有。任何组织或个人不得传播或用于任何商业用途,否则一切后果由该组织及个人承担!我方将不承担任何法律及连带责任。 对使用本测试版本后产生的任何不良影响,我方不承担任何法律及连带责任。 请自觉于下载后24小时内删除。如果喜欢本游戏,请购买正版授权并合法使用。 本站内容侵犯了原著者的合法权益,可联系我们进行处理。