七夕到了!不会写代码?一样可以给女朋友建个网站

不会写代码也可以给女朋友建个网站
分三个模块
百度aipage/rp/模板

教程视频

https://www.bilibili.com/video/BV1Tp4y1p7RQ/

七夕到了!不会写代码?一样可以给女朋友建个网站

使用别人的模板

我们举个例子
使用以下模板
https://www.17sucai.com/pins/31662.html

因为开过会员 所以就直接下载了 下来
在这里插入图片描述
打开压缩包 它是这样的
在这里插入图片描述

部署

如果你不想部署就直接发给女朋友 如果你想部署 腾讯云对象存储的免费额度也够你造了
或者部署到uniCloud前端代码托管 (免费的 不要白不要)

修改代码(可选)

记事本打开即可 修改index.html
在这里插入图片描述将这一块改成 我爱某某某哈哈哈

部署至腾讯云对象存储

腾讯云对象存储
https://console.cloud.tencent.com/cos5/bucket
在这里插入图片描述
点击存储桶名称 进入管理存储桶
在这里插入图片描述

刚才的压缩包解压后是这样的
在这里插入图片描述
我们需要创建两个文件夹
在这里插入图片描述在这里插入图片描述
上传文件

在这里插入图片描述
在根目录
在这里插入图片描述

点击进入js文件夹 上传js文件
在这里插入图片描述
在这里插入图片描述
点击进入css文件夹上传css文件 和js文件上传一样
在这里插入图片描述配置共有读私有写
在这里插入图片描述
开启静态网站
在这里插入图片描述
复制访问节点到浏览器 回车进入网站

在这里插入图片描述如果你修改了代码 改成我爱我老婆
在这里插入图片描述

这是动态的哦 手机访问是这样的

在这里插入图片描述

部署至uniCloud服务空间

如果没有账号 就注册个账号登陆
https://unicloud.dcloud.net.cn/login
创建空间 阿里云/腾讯云的都行
在这里插入图片描述
点击空间名字进入管理 找到前端网页托管
在这里插入图片描述在这里插入图片描述

选择解压的文件所在的文件夹
比如我放在了qixi文件夹
在这里插入图片描述
在这里插入图片描述

上传qixi文件夹即可
上传完毕
在这里插入图片描述
点击参数配置 拿到访问域名
在这里插入图片描述
在这里插入图片描述

使用百度AiPage

请先看完这篇文章 现在百度有活动 9块钱基础一年 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
看不懂代码也想做网站?当然可以(三)—百度AiPage使用初体验

登陆百度aipage智能建站网站 https://aipage.bce.baidu.com/
进入控制台
在这里插入图片描述
在这里插入图片描述
可以看到还可以做小程序对吧哈哈
我们编辑网站
在这里插入图片描述在这里插入图片描述在这里插入图片描述

将背景换成自己和女朋友的记录视频或者图片 或者智能合成 自己可以尝试下哈哈
在这里插入图片描述

如果觉得太单调就加点别的模块哈哈
完成后发布即可
在这里插入图片描述

RP自己设计

详细看视频

完成后导出在这里插入图片描述
发布成html然后按照 使用别人模板的 部署步骤进行部署






后续会推出

前端:js入门 vue入门 vue开发小程序 等
后端: java入门 springboot入门等
服务器:mysql入门 服务器简单指令 云服务器运行项目
python:推荐不温卜火 一定要看哦
一些插件的使用等

大学之道亦在自身,努力学习,热血青春
如果对编程感兴趣可以加入我们的qq群一起交流:974178910

有问题可以下方留言,看到了会回复哦

猜你喜欢

转载自blog.csdn.net/qq_42027681/article/details/113770648