行,那今天就跟你们唠唠我折腾《地下城女骑士》官网这事。就是上周六睡醒撸猫的时候,突然觉得光在群里发图太麻烦,想整个正经地方放自己画的女骑士设定集和剧情片段。脑子里一拍板,下午就开干了。
找个窝搭台子
先得找个地方搭网站对?我这种业余搞同人的肯定用不起独立服务器,寻思半天还是掏出了GitHub,白嫖它的网页托管功能。新建个仓库取名字那会儿还卡壳了半小时,憋出个挺土气的英文名,反正能看懂是地下城女骑士就行。顺手把之前画的十几张线稿塞进文件夹,心里琢磨着“总得先铺个地基”。
捏网站骨架
搞页面才是重头戏。打开记事本啪啪敲HTML的时候,猫还跳键盘上捣乱三次。首页必须得有那幅最炸裂的全身盔甲图!结果发现原图太大,手机一点开直接卡成PPT。没办法,蹲电脑前拿软件生啃了三轮图片尺寸,压缩到手指发麻才搞定。
- 导航栏憋出四个按钮:首页、世界观、手稿集、留言板
- 背景色试了二十多种灰,选了像生锈铁门的深灰色
- 字体更崩溃,明明挑了个贼拉帅的哥特体,手机上显示全变方格子
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
折腾到半夜两点突然发现,手指着屏幕尖叫起来:“导航栏特么忘了做响应式!”手机上看四个按钮叠得跟俄罗斯方块似的。只能骂骂咧咧地抱着笔记本滚回书桌重写CSS。
搬砖填内容
最累人的是往世界观栏目塞文本。之前写在手机备忘录里的零碎设定,光是整理时间线就耗掉整个周日。复制粘贴时手滑还把“龙息山脉”错写成“龙息火锅”,要不是复查就闹大笑话。插图排版更气人,明明电脑上看整整齐齐,iPad一开——好家伙,文字全挤到图片裤裆底下去了。
到周一下班回家接着搞留言板功能,用了个现成的评论插件。测试时用自己的小号刷了条“女骑士脚踩巨龙好帅”,结果刷新完这行字直接消失在虚空里。气得猛锤桌子,发现是API密钥少复制了个字母。
破车终于上路
周三晚饭后抖着手点了发布。刷新浏览器那三十秒心跳得跟打鼓似的,看见首页正常加载时差点把可乐泼键盘上。但紧接着就发现更致命的问题:电脑端完美显示的盔甲纹章,手机上糊得亲妈都不认识。当晚立刻给所有高清图单独做了移动端分身,传文件传到凌晨眼皮打架。
现在这破站虽然能跑了,但每次更新内容就跟上刑似的。前天往手稿集加了张新草图,平板端排版又崩得稀碎。用朋友手机测试时更窒息——某国产浏览器直接白屏给你看,排查出来是它不认CSS新语法。
回头看看这摊东西:用免费托管省了钱但天天担心流量爆,图省事没做后台现在更新全靠手敲代码,留言板三天两头抽风还得人工删广告。图啥?就为有人留言说“盔甲反光画得真带劲”时能暗爽五分钟。
嗐,下回再有人问我“自己搞同人站难不难”?我就把熬夜改代码的黑眼圈怼他脸上。