小白搭建网站

news/2024/5/9 3:38:45/文章来源:https://blog.csdn.net/chen_227/article/details/109543924

1. 第一步:使用Flask搭建微型的 Web 框架


Flask是Python中一个微型的Web开发框架。

  1. 建立一个工程 flaskr_meitu,我们来做一个美图网站
  2. init.py 是应用文件
  3. config.py 是配置文件
  4. view.py 是视图文件,实现网站请求功能
  5. templates/layout.html 是网页基础模板
  6. templates/index.html 是主网页,是的,我们的网站只有一个网页
  7. templates/ajax_receive.html 是动态页面
  8. static/style.css 是网页样式,让页面显示3列图片
  9. static/jquery-3.4.1.min.js 我们用jq实现图片点击放大,网页滚顶到最后一行自动加载下一页
  10. static/images 存放大图片
  11. static/smallImages 存放缩略图,用于优化网页加载

在这里插入图片描述

爬虫篇

  1. 我们的网站全是美女图片,图片来自哪里,当然是百度啦
  2. 百度搜 清纯美女写真,F12打开控制台,观察XHR,找到GET请求的参数,滚动网页,观察新的XHR,对比前后的参数,去掉最后两个校验值,发现规律 每次请求30个图片,pn 0 30 90 120
  3. 动态请求的结果是一个json数据,里面的每一条数据都包含图片链接
  4. 直接测试图片链接,发现可用
  5. 爬虫分析结束,接下来 创建coolmeitu爬虫工程
  6. spiderUrl.py 爬取100页,大概3000张图片的链接,保存到result.txt
  7. spiderImg.py 根据图片链接爬取图片数据
  8. 由于我们网站的图片尺寸要求 1024*1775,需要用updateDate.py对图片进行处理
  9. 首先按照高度1775 对图片按比例缩放
  10. 对缩放后图片宽度小于1024的进行删除,废弃,防止图片拉伸后过于模糊
  11. 对图片宽度大于1024的进行快速裁切,只保留中部区域,虽然用ps手工裁切效果更好,但是上千张图片太过浪费时间
  12. 最后人工校验,删除男生的/卡通的/违规的/模糊的/裁切错误的,我们得到1500张左右
  13. 我们使用python代码 为图片制作了缩略图,放在smallImages文件夹

在这里插入图片描述

第二步:使用Tornado搭建一个开源的可伸缩的、非阻塞式的 web 服务器


  1. flask帮助我们创建了一个网站应用,只限于本台电脑,别人无法访问
  2. 使用Tornado搭建一个web服务器,让小伙伴们也来玩
  3. runserver.py 文件简单的实现了把应用集成到服务中
  4. 远程登陆云服务器后,运行python runserver.py,能让网站被访问,但是关闭终端,会导致程序退出;解决办法,nohup python runserver.py &,保证后台程序不挂断

第三步:注册域名


  1. 没有域名的网站就如同没有名字的人,想访问它只能通过IP地址,十分不方便
  2. 我们在腾讯云购买com后缀的域名,起名coolmeitu,花了55大洋,有效期一年
    https://cloud.tencent.com/

第四步:购买云服务器-腾讯云


  1. 服务器本质就是一台电脑,一台能让别人访问的电脑
  2. 我们在腾讯云购买一台1核1GB centos 7.2 64位 的云服务器,宽带1M,半年 351大洋
  3. 因为选的快速配置,会自动配置好
  4. 点击登录按钮,输入账号密码,远程登录
  5. 服务器是linux命令行模式操作,查看空间,只有50G硬盘大小,好穷
  6. 我们把本地开发好的网站放到服务器上,这里用xftp软件进行远程文件拷贝
  7. 运行web服务器,用python运行runserver.py脚本
  8. 用本地电脑进行测试,谷歌浏览器模拟手机访问效果

第五步:域名备案


  1. 备案相当于获取了官方证明,否则网站无法正常访问,更不能通过域名访问
  2. 腾讯云有个助手小程序,可以帮助在线办理备案,但是需要等申请域名后3个自然日,才能办理
  3. 在腾讯云办理后,会提交到管局审核,20个工作日内会得到结果
  4. 收到邮件,关于ICP备案申请审核通过的通知,里面有备案/许可证编号
  5. 办理公安备案,可以在线办理,等待审核,注意这时网站域名必须能打开,打不开会导致审核不过
    腾讯云提供域名检测网页,https://domaintool.cloud.tencent.com/result?domain=,可以测试网站域名是否正常

第六步:百度联盟


  1. 加入百度联盟,网站用户通过点击广告产生收入,网站主就可以从百度获得相应的分成
  2. 点新建网站,填入相关信息
  3. https://union.baidu.com/bqt/#/

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_854795.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

各大型网站架构分析收集

各大型网站架构分析收集 标签: youtubescalability服务器理财web数据库服务器 2008-11-26 14:46 25992人阅读 评论(9) 收藏 举报 分类: Others(20) 版权声明:本文为博主原创文章,未经博主允许不得转载。…

取代cookie的网站追踪技术:“帆布指纹识别”初探

首页 精选文章 活动日历 行业招聘 关于我们 HTML5梦工场原文链接: QQ安全中心 取代cookie的网站追踪技术:“帆布指纹识别”初探 【前言】 一般情况下,网站或者广告联盟都会非常想要一种技术方式可以在网络上精确定位到每一个个体&#xf…

pdf在线分享网站

本文介绍如何将PDF文件在线分享。 所谓的把PDF文件生成一个链接并不是指普通的pdf转换成HTML,而是指将PDF文件变成一个可以打开的URL。这是大家关心的问题,我在网上看到好多人提问该问题,但都是回答的转换功能 找一个普通的pdf文件即可。 进…

SEO优化外链发布-麦瓜海报

对于网站SEO优化人员来说,网站程序和布局方面内部优化做好后,一是做好网站的内容,二是做好网站的外链。网站外链发布有哪些方法呢?还能不能发外链? 做SEO优化离不开外链建设,然而为什么要发外链呢&#xf…

免费发外链的网站

对于网站SEO优化人员来说,网站程序和布局方面内部优化做好后,一是做好网站的内容,二是做好网站的外链。网站外链发布有哪些方法呢?还能不能发外链? .撰写软文 在发布SEO软文的时候,首先要保证所发的软文外…

挖坑指南:网站http请求全变https?

前言 开发的后台单页系统,上到线上测试时,需要配置为php文件。 开始 测试的地址,未使用https,但是vue项目打包后的资源请求都是https的。导致页面加载时,请求不到资源。 实践 最后在页面中发现配置了一个meta: &…

网站重定向-http怎么重定向到https最全解决方案

前言: 本教程主要是对 网站http重定向到https,其中包括目前市面上常用各种服务器环境(Apache,Ngnix,IIS7系列)设置方法。 下面不啰嗦,直接上干货!!! 第一“IIS7” 环境中的设置方法…

同样可用来建站,云服务器和硅云虚拟主机到底哪个更好?

云主机和云虚拟主机都是在近十年很火的云产品,随着云计算技术不断向前推进,传统IDC服务的地盘已经越来越少。 对于个人和企业来说,云服务器和云虚拟主机都可以用来建站,但云服务器和云虚拟主机又有什么区别呢?二者如何区分开来?…

使用虚拟主机建站适合网站优化吗?

网络的不断发展,不少企业都会使用搜索引擎进行网络营销。为了能够让目标用户在利用搜索引擎搜索时能更容易找到自己的企业网站,不少企业纷纷用自己企业名称或与业务相关的关键词,进行搜索引擎推广,提高网站浏览量,为自…

手把手教你用vuepress搭建自己的网站(1)

虽互不曾谋面,但希望能和您成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊标星公众号(ID:itclanCoder)如果不知道如何操作点击这里,标星不迷路(https://coder.itclan.cn/)前言如…

手把手教你用vuepress搭建自己的网站(2)

虽互不曾谋面,但希望能和您成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊标星公众号(ID:itclanCoder)如果不知道如何操作点击这里,标星不迷路页面具体内容配置 基本配置要让你的…

手把手教你用vuepress搭建自己的网站(3)

虽互不曾谋面,但希望能和您成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊标星公众号(ID:itclanCoder)如果不知道如何操作点击这里,标星不迷路配置插件 有时候,我们想让我们的网…

手把手教你用vuepress搭建自己的网站(4)

部署到github平台 前提条件 文档放置在项目的 docs目录中 使用的是默认的构建输出位置 VuePress 以本地依赖的形式被安装到你的项目中,并且配置了如下的npm scripts:,然后在itclan/package.json文件中 添加如下命令 本地若没有安装vuepress非全局安装,pwa以及其他…

vuepress建站过程中遇到的一些问题

页面显示-404 在 vuepress说明了文件路径与页面路由之间的映射关系 文件的相对路径页面路由地址/README.md//guide/README/guide//README.md//config.md/config.html当你访问 /guide/而 404 时,这是由于guide目录下缺乏了它对应的 README.md文件 侧边栏显示的是文件路径&#x…

让自己的网站支持第三方支付能力(支持支付宝与微信支付)

前言 对于建站,相信很多小伙伴,一方面是希望自己有个知识的沉淀的载体,另一种程度上也是建立自我品牌的开始,当然也希望网站能够带来一些隐性或者显性的收入,例如:吸引广告商,贴片广告,付费阅读,自产自卖等 您将在本篇中读完get到 在vuepress中如何注入全局组件 实现置顶与置底…

如何将代码部署到腾讯云网站静态托管

虽互不曾谋面,但希望能和您成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊标星公众号(ID:itclanCoder)(上)(下)前言之前将网站代码部署到 coding 上,并成功迁移到腾讯云上存储桶…

如何通过一行代码实现等待指定若干秒后自动跳转到指定的网站上

背景前天,老板提了一个需求,提供给用户的下载说明文档,当用户打开之后,等待5秒后自动跳转到公司的官网上,那这个是怎么实现?方法1-使用定时器实现setTimeout(()> {window.location.href "https://itclan.cn"; },5000)() // 等价于 var timer setTimeout(() &g…

针对网站链接-使用rel=”nofollow”属性提升网站seo

虽互不曾谋面,但希望能和您成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊标星公众号(ID:itclanCoder)seo的优化做得好,毫无疑问可以提升网站的排名,增强百度,Google,搜狗等搜索…

网站被qq拦截应该怎么处理

虽互不曾谋面,但希望能和您成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊标星公众号(ID:itclanCoder)在浏览器中输入网站可以直接打开,但是在qq中,发现,被qq给拦截了的,提示“非…

第1节-从0到1快速建设网站-最终实现商业化盈利

虽互不曾谋面,但希望能和您成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊标星公众号(ID:itclanCoder)如果不知道如何操作点击这里,标星不迷路哈喽,大家好,我是川川,…