好嘞,今天跟大家唠唠我折腾《仙剑7》漫画官网那点事儿。最近不是又开始怀旧了吗,仙剑系列那是必须得重温的,特别是《仙剑7》,剧情啥的都还挺喜欢的。就寻思着看看有没有官方漫画,边看边收藏,这习惯改不了了。
第一步:找资源!
这第一步,找资源那是必须的。我这个人找东西就喜欢官方的,正版嘛看着舒服。直接上某度搜”仙剑奇侠传7 漫画 官方”,结果出来一堆,还得自己筛选。
-
有的看着就像是盗版的,直接pass,水印糊一脸。
-
有的说是全集,点进去就几张图,浪费感情。
-
好不容易找到个像样的,结果要收费,那不行,白嫖才是王道。
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
功夫不负有心人,终于找到一个看着还挺正规的,域名也像那么回事,先记下来。
第二步:扒网站!
找到网站了,那就得看看这网站咋样。我是个半吊子前端,只会点皮毛,就想着能不能把这网站扒下来,自己搭一个,这样看漫画也方便,还能自己改改样式啥的。
-
先F12打开开发者工具,看看网页结构,HTML、CSS、JS,基本的东西都有。
-
右键“另存为”,把整个网页保存下来,结果发现,JS和CSS都是外链的,图片也是,得一个个下载。
-
用wget命令,把CSS和JS都下载下来,图片就比较麻烦了,得写个简单的爬虫,把图片链接都提取出来,然后批量下载。
这步搞得我头昏脑胀,各种报错,调试了好久才搞定。
第三步:搭网站!
东西都扒下来了,就开始搭建网站了。我本地用的WAMP环境,简单方便。
-
把扒下来的HTML、CSS、JS、图片都放到WAMP的www目录下。
-
修改HTML文件,把CSS和JS的链接改成相对路径,让网页能正确加载样式和脚本。
-
打开浏览器,输入localhost,看看网页能不能正常显示。
结果,果然出问题了!图片加载不出来,JS也报错,样式也乱了。
第四步:修BUG!
修BUG是程序员的日常,习惯了。
-
图片加载不出来,是因为图片路径不对,一个个检查,修改HTML文件,把图片路径改成正确的。
-
JS报错,是因为JS代码里面有些地方用了绝对路径,也得改成相对路径。
-
样式乱了,是因为CSS里面有些样式冲突了,得仔细分析CSS代码,找到冲突的地方,然后修改。
这步是最耗时间的,得一点一点试,一点一点改,眼睛都快瞎了。
第五步:美化!
网站能正常显示了,但是感觉有点丑,就想着稍微美化一下。
-
修改CSS样式,改改颜色,改改字体,让网页看起来更舒服。
-
加点动画效果,让网页看起来更生动。
-
把漫画图片放大一点,方便观看。
这步就比较随意了,想到哪儿改到哪儿,反正自己看着舒服就行。
折腾了几天,终于把《仙剑7》漫画官网给扒下来了,还稍微美化了一下,虽然简陋,但是自己看着挺满意的。以后看漫画就方便多了,直接打开本地网站就行了,还能随时修改样式啥的,挺
这回实践也让我学到了不少东西:
-
熟悉了网页结构,HTML、CSS、JS的基本知识又巩固了一下。
-
学会了使用wget命令和爬虫批量下载网页资源。
-
提高了调试BUG的能力,以后遇到类似的问题,就能更快地解决。
这回实践还是挺有意义的,以后有机会再折腾点别的。