(安卓/电脑)tang-love小猫/可以成为的我的恋人吗?源码+部署教程
前言
其实这个项目我在情人节前两天貌似就在视频平台上看过好多次了,但由于繁忙加上站长还是条单身狗,对这些有的没的表示不感兴趣(感兴趣也用不上啊!)。但我没想到的是这个看起来“非常简单”的项目居然会怎么热门。
于是,我决定看一下,确实很特别但同时也发现和那些前几年一样,每一次只展示然后要想获得项目又是关注+私信,然后又是加群,再然后就是.......总而言之就是烦得要死,。而且对于大部分都是只想着给女朋友呀看看而已,就是应该普通的菜鸟不知道部署,也不会转APP啊等等这些(虽然确实是非常简单)。思考一会我选择出一期教程(刚好可以摸鱼),这里不仅仅是全方面教大家怎么部署、转成安卓APP,也会提供不一样的源代码,不会有任何套路(这个是网站的初衷呢)
两个版本预览+如何修改
本站这里提供两个版本,一个是原版+第三方修改版,都是GitHub上的项目,开源也放心~
修改前必要基础(如果你这个都不会还是老老实实什么都不要动吧 ::QQ:Y.qq1:: )
- 明白如何解压和压缩
- 懂得什么是路径,知道文件在哪里(特别是安卓用户)
- 能有一点点的举一反三思考能力
[tabs]
[tab name="原版" active="true"]
[/tab]
[tab name="第三方"]
这个版本加了字体、可选名字、logo以及按钮变圆等,与原版其实大差不差
[/tab]
[/tabs]
修改介绍
介绍完了这两个版本,接下来教大家怎么修改,打造出 "属于自己的" 的tang-love小猫。这里分成几个介绍方便小萌新也可以修改~
安卓修改前置条件
由于那个安卓的系统对于的文件管理器不一样,然后文本修改也不一样(想小米的金山WPS文本模式还是会直接预览HTML导致没办法修改代码),所以这里统一下载一个软件才可以修改(教程也好做),软件在最下面的安卓修改软件下载那里;给完权限后下面图片是如何导入源码的教程(然后想预览可以点绿色的“PHP.....”然后访问即可哦)
修改小猫图片
除了大家喜欢的小猫,大家也可以换成自己喜欢的,只需要解压后打开源码的images文件夹,将你想要换的图片修改成和images文件夹里面图一样的名字就可以了(主要是这个更方便,会的人也知道修改哪里),下面图片是小猫出现的顺序,大家修改成自己喜欢的图片按这个顺序来就可以在他人点击时文字时看到你想表达的图片啦~
当然这里提供了一套我自己算是比较喜欢吧(懒的找图片了),如下面的图一样,修改好名字名,然后全选拖进去替换,然后再打开即可::xiaohuangdou:61::
修改文字
上面说完如何去修改图片打造出 "属于自己的" 的tang-love小猫,而这里教的是如何修改文字。从上面的图片可以看出点了"不要/不可以”反正就是拒绝按钮最后会有一些文字(?你认真的吗)这些之类的。其实修改起来和图片,不过这里有两部分
只修改刚打开的界面上的文字
什么是刚打开界面,就是你进入这个网页什么都不点的的就是刚打开的界面,如下图,[font color="#FFD700"]下方图片黄色框住就是我们这一部分要修改的内容[/font]
还是老样子,打开解压后的源码,打开index.html,Windows右键——打开方式——记事本即可
打开之后有可能你们还是有点懵逼,但稍微对照上上面的图片就知道了吧,所以这里就没有过多描述,修改好后就点左上角的文件——保存即可,然后退出再双击打开index.html就可以看到修改好后不一样的内容啦
修改点击蓝色按钮文字
在上面,教了大家如何修改一打开时的界面文字,接下来就是如何修改点击蓝色的“不可以/不要”时会变的字体了。用回那时候预览的图片,可以从下方图片看出,点击不要的时候会变,我们要修改的就是这个::xiaohuangdou:22::
还是一样解压, 不过这一次是script.js,和上面一样Windows右键——打开方式——记事本即可。打开后往下拉看到一个是 // No 按钮的文字变化 我们要修改的就是下面的文字
你可以修改这些文字或者删除,当然也可以对加几条,但需要注意的是不能直接就换行然后写上去,需要加上英文的双引号,注意一定要是英文的双引号,就是下面这个:
""
同时,可以修改不可以,还可以修改点了可以之后的显示出来的字,只需要修改下方图片蓝色的即可哦(这样不要删除左边的“`”哦)
修改好后还是一样点左上角的文件——保存即可,然后退出再双击打开index.html就可以看到修改好后不一样的内容
部署+转成APP
如何修改就差不多了,那些进阶的大家就自行网上探索吧~,东西修改好了接下来就是让自己的对象或者她人可以看见了,那怎么办呢?比较遗憾的是目前gitee已经停止了部署成网页 (静态网站托管) 我们只能使用GitHub(还有其他免费或收费的请自行查找教程)。
GitHub的服务器部署在外国并且经常污染导致网站相当于有50%的概率打不开(你可以打开但你的对象说不定不行),但目前也就这样这种方法是免费也不需要担心后患的。同时本站多了一个教大家如何转换成APP的备用方法
GitHub的部署其实早在两年前我就已经发过,但因为这种教程都烂大街了所以就无人问津,意想不到的刚好现在可以用上,可谓是预测了一波未来。因为我那时候写的教程已经足够详细所以这里大家就看那篇文章吧
[post cid="117" cover="https://image.uc.cn/s/wemedia/s/upload/2022/a559804923b8d9b71ae3454259d3b467.png" size=""/]
如何转APP
在上面已经教会大家如何在安卓如何修改与预览(不知道可以滑上面去哦),接下来就教大家如何导出成APP发送给你的对象让她个大惊喜吧~,其实也非常简单,只需要点橙色的发布你的项目——转换为Android应用
然后你就进入了下面的页面,应用名称按你喜欢的来(什么是应用名称,就是应用的名字如微信、QQ等),类似包名、版本、版本号都可以随便改(什么520、521、1314都可以)。这里教大家比较重要的就是如何修改图标。首先点下方图片圈的地方
点进入后选择logo文件夹,这里本站提供了4张个人觉得适合做logo的图片,自行选择,如果你知道你想要的图片目录在哪里你也可以用自己喜欢的
选择好logo后接下来也个重点,往下滑找到更多选项,关闭掉全部即可(特别是隐藏标题栏很重要不关闭很影响观看体验,其他都还好说自行测试),关闭后点最下面的蓝色勾即可(有可能会弹出安装应用权限,给就行了)然后安装好测试没有问题就发送给你喜欢的人吧!
下载
[scode type="green" size=""]可以在链接后面加上“?name=你要的名字”就可以出现下面图片一样的哦[/scode]
在线预览+个人推荐图片
这里提供网上查找的版本,可直接把网站给你喜欢的人看就行啦(不保证一直运行,如失效可在评论说明,看情况处理)
[button color="black" icon="github" url="https://mclvlc.github.io/tang-love/" type=""]原版(GitHub)[/button]
[button color="black" icon="github" url="https://jaymushui.github.io/tang-love/" type=""]第三方(GitHub)[/button]
[button color="black" icon="chrome" url="https://zxki.cn/ymys/tang-love/" type=""]原版(酷库)[/button]
目前本站提供了三套个人觉得比较喜欢的给大家下载,下载好解压直接把“images文件夹”拖到源码就行啦(不用拖到源码的images文件夹)。(名字来源于表情包合集的名称如有错误请指正)
安卓软件+安卓版源码
软件下载
[hide]小飞机网盘(免登录免注册)[/hide]
安卓版源码
在基础上加上了LOGO其余不变~
[button color="primary" icon="cloud" url="https://www.alipan.com/s/VVaKdXk2JNj" type=""]阿里云盘[/button]
密码:LOVe~
源码下载
[button color="black" icon="github" url="https://github.com/mclvlc/tang-love" type=""]原版(GitHub)[/button] [button color="black" icon="github" url="https://github.com/JayMuShui/tang-love" type=""]第三方(GitHub)[/button]
GitHub由于服务器国外有可能会出现打不开的情况哦
[button color="primary" icon="cloud" url="https://www.alipan.com/s/ekpzCdo6eB3" type=""]阿里云盘(原盘+第三方)[/button]
密码:likE!
当前页面是本站的「Google AMP」版。查看和发表评论请点击:完整版 »