专栏首页前端专享【技术种草】如何白嫖一个动态网站
原创

【技术种草】如何白嫖一个动态网站

2860元腾讯云代金券免费领取,付款直接抵现金,立即领取>>>

腾讯云海外服务器1折限时抢购,2核4G云主机661元/1年,立即抢购>>>

腾讯云服务器1折限时抢购,2核4G云主机698元/3年,立即抢购>>>

前言

我们知道,想要搭建一个网站往往需要一下几个步骤:

  1. 域名注册
  2. 服务器购买
  3. 数据库购买或部署
  4. 网站设计
  5. 网站开发
  6. 网站备案
  7. 网站上线

在国内上线一个网站,域名还必须得备案,光是域名备案的话还的几个星期,整个流程下来,上线一个网站可能要个把月。若选择云服务器,各大云平台新用户首年还有优惠,次年想要续费得花上不小成本。本文将介绍如何用最小的成本和最短时间开发部署一个动态网站。

购买域名

免费的域名可以选择Freenom,当然也可以选择不用域名,如果选择 Vercel 部署会自动分配一个二级域名,也挺好用的。当然域名注册也很便宜,最低1元,我这边选择的是腾讯云,购买之后只需要实名认证(上传身份证等信息)就可以直接域名解析了。

网站设计

对于程序员来说,网站设计可能会困扰到大家,大家可以去dribbble站酷等网站搜索向要实现的 app,挑选一个好看的设计应用到自己的网站中。

image.png

如果你会 TailwindCSS 我推荐VSCODE 安装 这个插件tailwind-snippets 可以快速帮我们来发出一个常用的代码片段,大家可以在 https://www.tailwindsnippets.ml/snippets 查看效果,快速实现我们的 html 页面

image.png

部署

Vercel

Next.js 开发商 Vercel 获得最近 1.5亿美元D轮融资。Vercel注册什么的我就不讲了,建议使用GitHub 登录, 点击new project创建一个项目,这个项目可以从自己的 GitHub 库导入或者选择Vercel给的模板,Vercel给的模板(下图)首先也会导入进自己的 GitHub 库,总之要先把内容导入进 GitHub 库才行。

image.png

Vercel 为个人用户提供了

  1. 自动 HTTPS/SSL
  2. 带宽 100 GB
  3. 并发构建,每天10万次调用
  4. Serverless Function

所以 Vercel 不光支持静态网站也支持 nodejs 动态网站,如果想要其他后端语言

可以选择 heroku

heroku

Heroku是一个支持多种编程语言的云平台,并且提供了 Heroku PostgresHeroku RedisApache Kafka on Heroku

image.png

Heroku 虽然提供了比较全面的编程语言和数据库支持,免费用户还支持

  1. 使用 Git 和 Docker 部署
  2. 自定义二级域名
  3. 容器编排
  4. 自动操作系统补丁

但 heroku 对国内用户支持不是很友好,第一点访问国内速度比不上 Vercel, 第二点 163和QQ邮箱都不能注册,想要注册得要其他邮箱, 第三没有免费的 ssl。第四项目源代码只能有500M。

数据库选择

MongoDB

选择 https://cloud.mongodb.com/

image.png

创建database 的时候选择 free;

image.png

地域可以选择日本或者新加坡。

接着创建一个用户

image.png

密码是自动生成的,要把密码拷贝下来

接着要创建一个允许链接的IP地址

image.png

这里选择任何地方可以链接

接下来选择database 点击 connect

image.png

还可以选择开发语言

image.png

上面的<password> 要替换成刚才创建用户的随机生成的密码

mysql

mysql 可以选择https://planetscale.com/

image.png

针对免费用户可以:

  1. 每月10GB 存储
  2. 每月1亿行读取
  3. 每月1千万次写
  4. 每个数据库3个分支
  5. 1,000 个链接
  6. 每日自动备份
  7. 社区支持

可以直接接使用 Github 登录,跟着引导直接到最后一步创建数据库,

image.png

地域选择就近新加坡或者日本。

image.png

可以在命令行中管理数据,点击上图中的按钮随机生成密码,密码要用户手动保存,后面登录将无法看到

域名解析

Vercel绑定域名

image.png

绑定域名我就不多讲了吧,直接去自己的域名平台,cname域名到cname.vercel-dns.com,然后Vercel会自动帮你生成一个证书。

网站备案

这边介绍的方案都是服务都不是部署在大陆的,所以可以选择不用备案,但如果想要在大陆运营的话,海外的速度往往跟不上的,还是要选择大陆的服务器,备案必不可少,各大云服务厂商都提供了备案服务,按照要求填写网站信息即可。

如果你之前没买过【云服务器】 可以买一个3年2核4G 的轻量应用服务器。

image.png

如果是老用户切换成 QQ登录也可以买。毕竟服务器在国内,白国外还是好快很多的。

我之前给我的博客备案的时候是16年,现在也不记得具体步骤。

只记得备案方会给你邮寄一个幕布,按要拍了照片邮寄回去即可。不是很复杂,就是时间久了点。

image.png

最后

接下来就是网站运营了,需要给网站引流,带来更多精准用户,网站的价值才能发挥最大。推广主要渠道和方式有SEO、SEM、新媒体、信息流广告等。至于怎么做网站推广又是另外一个大话题了。

结语: 以上就是关于域名和网站搭建的相关内容,希望这篇文章对大家有所帮助,也可以参考我往期的文章或者在评论区交流你的想法和心得,欢迎一起探索前端。

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 [email protected] 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 惊艳,草率版「教妹学Java」全面升级了!

    今天是周日,但必须得正常上班,大家都辛苦了。就连我家那位小可爱也得去上幼儿园,年纪轻轻就木了周末,心疼她一秒钟,呜呜呜。

    沉默王二
  • Python学习十大公开免费数据集介绍

    很多行友说,想做项目学习和练手没有数据怎么办。又想给行哥投稿赚钱,没有数据拿头分析啊。先别急,这里行哥给大家推荐一些数据来源,足够你去好好分析数据,这些数据用来...

    行哥玩Python
  • 【技术种草】体验腾讯云 搭建一个自己的个人网站哦

    1、我们首先打开腾讯云(已经有云服务器的大佬可以略过本节,新用户需要先注册登录后实名认证),点击云服务器,然后再点击立即选购,选购一台我们需要的云服务器。

    老孙
  • 【数据为证】科技如何改变色情业

    大数据文摘
  • cookie 和 session 到底是什么

    cookie 大家应该都熟悉,比如说登录某些网站一段时间后,就要求你重新登录;再比如有的同学很喜欢玩爬虫技术,有时候网站就是可以拦截住你的爬虫,这些都和 coo...

    labuladong
  • 后端程序员 不得不了解的 网站防盗链

    下午摸鱼的时候遇到了一件有意思的事,在网上找到一个资源站,将资源站的 url 放到自己的博客里,想白嫖一波,结果在我自己的博客里链接失效了,折腾半天忽然想起来,...

    程序员内点事
  • 给你看个宝贝:GitHub 最野的开源模型库!

    前阵子抖音爆火的应用蚂蚁呀嘿都笑过吧?这技术让一向严肃认真的giao哥都多了几分俏皮,这么秀的代码,必须狗一波。于是本狗啊不本人有了一个温暖(欠揍)的想法:想弄...

    GitHubDaily
  • “喝茶么?我铁观音”|现代人喝茶实录

    在小助手贫瘠的想象中 喝茶是这样子的 ▼ 殊不知随着网络黑产发展日新月异 “喝茶”已经被赋予了全新的含义 01 现代人小A的喝茶实录 小A,24岁上班族,单...

    腾讯举报中心
  • 初来乍到,聊聊自己这一年的学习和开发练习

    记得那时候吧 搭起来一个小的Spring boot项目能激动半天 还要买瓶汽水庆祝下(其实想喝了)

    代码哈士奇
  • 如何规划创建并长期维护一个Github开源项目?

    2021年, 国内各路论坛已经铺满屠龙宝刀点击就送的广告, 知乎这种传统的知识社区也完全沦陷, 无论是内容质量还是产品设计都大不如前

    zhaoolee
  • 用git当御用图床的一款typecho插件—GitStatic

    最近我写了一篇jsdelivr当图床的文章, jsdelivr图床 遗憾的是github+jsdelivr当图床貌似没有typecho插件,用picgo上传貌似...

    乔千
  • 冷月手撕408之计算机网络(2)-计算机网络概述

    计算机网络概述主要是一些了解的知识,大家不用花太多的时间在这上面。其中计网的概念和计网的功能相对最重要,大家要记住。这一节一般是选择题考点。

    学长冷月
  • 白嫖和付费

    几天前看到个 1 分钱学 Redis 的课程,近乎白嫖的价格,买完发现所谓的课程毫无质量可言,拉的群组是另一门 Java 开发课程的推广群。

    TTTEED
  • Python3 网络爬虫(四):视频下载,那些事儿!

    「you-get」支持各大视频网站的视频下载,国内外加起来近 80 家。像国内的爱奇艺、腾讯视频、抖音、快手、B站、A站,国外的 Youtube、Twitter...

    Jack_Cui
  • AI 一分钟| 唉,刚晒完FF10亿美金,就被要求回国,贾跃亭会回来吗?亚马逊与微软员工被曝嫖娼丑闻,哎妈呀

    昨天的圣诞节,营长看到了一张特别有爱的图图,忍不住要分享给你们哦~图图中波士顿动力的大狗,变身蹦蹦哒哒的驯鹿,有没有被萌化呢~ ? 接下来,就进入今天的一分钟吧...

    AI科技大本营
  • 学习与人生——利用GitHub学习

    从第一次注册 GitHub 账号开始使用,到写下这篇文章,应该有4年了吧。从最开始的查阅资料,慢慢也用的多了起来,现在 GitHub 几乎是我每天必去的网站之一...

    Bess Croft
  • 看了B站上的这些Java视频,我飘了!

    处在互联网时代,是一种幸福,因为各式各样的信息非常容易触达,如果掌握了信息筛选的能力,就真的是“运筹帷幄之中,决胜千里之外”。

    Guide哥
  • 第一次深度学习模型是如何训练的

    计算机视觉学着学着,就自然而然的歪到机器学习,深度学习这一块儿了,因为单纯的图片处理是不能满足一些要求的,没学深度学习时,有时觉的它简单,因为不就按着套路来嘛。...

    小白学视觉
  • Faker.js作者:要么付钱要么你行你上

    去年11月9日,知名开源项目Faker.js作者「Marak」在其仓库发了一个新issue #1046:

    公众号@魔术师卡颂

扫码关注云+社区

领取腾讯云代金券


http://www.vxiaotou.com