如何制作网站,个人在腾讯云网站上搭建教程。做一个网站,我们需要准备两个东西,域名和服务器。域名是我们访问网站的基础,比如我们现在熟悉的baidu.com。其功能与门牌号类似。我们不需要知道房子在世界上的位置具体的经纬度,只需要根据门牌号一步步找到具体的房子就可以了。同样,我们不需要知道百度网站对应的IP地址,只需要知道域名就可以找到百度网站。服务器可以看作是存储网站内容的计算机。我们访问网站的过程被视为将网站内容从服务器下载到本地并显示在浏览器上的过程。
1. 制作网站前的准备
1.1 制作网站需要注意的问题
正如文章开头提到的,如果我们要建立一个网站,首先要准备两个东西,域名和服务器。但是,我们在购买域名和服务器之前需要注意以下问题。去购买服务器
如果服务器位于中国大陆,那么我们必须将域名备案才能将域名解析到服务器上。 (分析就是将域名与服务器关联起来,只有将域名解析到服务器后,浏览器才能知道将访问域名的请求转发到网络上的哪台服务器。)如果没有找到服务器在中国大陆,那么建立后的网站访问速度肯定会比位于中国大陆的服务器慢。 (网站访问速度慢可能会影响搜索引擎的索引和排名)如果我们的网站没有注册,那么我们就不能使用国内的CDN加速器。 (cdn加速可以提高网站的访问速度,而国外的CDN大多不能提高我们中国网站的访问速度,因为他们的加速节点都在国外。)我们选择的域名应该与我们网站的内容相关。例如,如果我们的网站是“Firefox”,那么我们可以选择域名firefox.com。购买域名时,最好选择后缀为.com的域名,这是使用最广泛的域名。尽管还有其他带有后缀的顶级域名,但这些域名(例如.top)的使用不如.com 广泛。
1.2 购买服务器和域名
购买腾讯云服务器、购买域名
购买完成后点击上面的链接选择合适的服务器。再次点击上面的链接,选择步骤一的控制台。然后在步骤2左上角的“云产品”中输入“域名注册”,并在步骤三弹出的页面中选择“注册域名”,选择您要使用的域名。域名购买完成后,稍等片刻,然后进入步骤三页面,可以看到步骤3对应的图片中已经显示了域名。
步骤1:
第二步:
第三步:
:
1.3 将域名解析到服务器
在上面步骤二的左上角“云产品”中输入“轻量级应用服务器”并点击,即可看到步骤四中购买的服务器所在的公网ip地址。我们只需要把域名解析到这个地址就可以完成域名的解析了。再次输入步骤三,点击右侧“解析”,进入步骤五的域名解析页面。最后选择添加一条记录,主机记录填写www,记录类型选择A,记录值填写步骤四中的ip地址即可完成分析。第四步:
第五步:
:
1.4 网站搭建时域名的一些问题(可忽略)
以我们经常访问的百度为例。事实上,我们访问百度是通过网站https://www.baidu.com/。其中.com为顶级域名,我们购买的域名一般为二级域名如:baidu.com。而www.baidu.com属于三级域名。我们购买了二级域名后,也就拥有了相应的三级、四级甚至更高级域名的所有权,所以我们不仅可以将www.baidu.com解析到服务器上,还可以还将baijiahao.baidu.com甚至bilibili.baidu.com解析到服务器。当然,现在大多数网站都是使用三级域名www.baidu.com来访问网站,所以建议与其他网站保持一致。
2. 开始制作网站
2.1 重装系统并设置远程连接密码
按照前面流程进入步骤四页面,点击服务器进入步骤六详情页面,然后点击“重装系统”进入步骤七页面,然后选择官方镜像、系统镜像、centos8.0,然后点击确定,等待系统重装完成。重装系统后,在步骤六对应页面点击“重置密码”即可设置远程连接密码。然后点击图中右上方对应的防火墙对应的步骤六,点击“添加规则”,将应用类型设置为ALL。该规则只需在远程连接时打开,远程连接结束后即可删除。等到需要再添加。
第六步:
第七步:
第八步:
:
2.2 完成最简网站的搭建
链接:https://pan.baidu.com/s/1MsaugTRmtuxTsDFHzDpBUA 提取码:ewkq
下载链接中的远程工具putty-64bit-0.76-installer.msi和WinSCP-5.17.10-Setup.exe并分别完成安装。安装完成后,打开winscp软件,点击“新建会话”和“新建站点”。填写条件并登录,其中文件协议选择SFTP协议,端口号填写22,用户名填写root,密码填写之前重置密码时设置的密码。连接服务器后,左上方中1对应的图标变为可点击状态,点击后再次输入步骤九中的密码,最后按回车键。注意这里输入的密码不会显示在弹窗中间。键入命令yum install nginx -y 并按Enter 键。该命令用于服务器安装nginx程序。最后执行命令systemctl start nginx,该命令用于启动nginx程序。就像我们在windows上双击打开一个程序一样。 nginx启动后,我们就可以通过ip地址或者域名来访问我们的网站了。这时候网站的内容其实就是由nginx的服务提供的。第九步:
步骤十
:
2.3 给网站加上https
当我们使用上一步的域名访问网站时,我们会发现浏览器的左上角会增加“不安全”字样。这是因为我们当前使用的是http协议。将出现上面的“不安全”文本。
执行systemctl stop nginx命令。这是停止nginx服务并执行yum install -y certbot命令。网站添加https需要先申请证书。该命令是安装申请证书的程序。申请使用本程序的证书有效期为三个月。过期后需要重新申请。执行certbot certonly --standalone --email邮箱--agree-tos -d www.你自己的域名命令,使用该命令申请证书(如果需要输入yes/no则输入y)打开/在etc/nginx/nginx.conf文件中,在第36行下面的代码块中添加代码。在/var目录下创建zzz文件夹,并将你编写的index.html放在/var/zzz目录下。最后执行命令systemctl restart nginx,该命令用于重启nginx服务。这时我们可以看到网站将不再显示“不安全”字样。第一个服务器框中代码的含义:nginx服务会监听server_name对应的域名下80端口(http请求)的请求,并将该请求重写到第二个服务器中的443端口(https请求)ssl_certificate box 、 ssl_certificate_key 、 ssl_certificate_key 用于配置https 协议。最后location对应的值表示server_name对应的域名下443端口的所有请求都会转移到/var/zzz目录下,网站首页对应的是/var/下的index.html文件zzz 文件夹。服务器{听80; server_name 你自己的域名;重写^(.*)$ https://你自己的域名$1永久; } 服务器{ 监听443 ssl; server_name 你自己的域名; ssl_certificate /etc/letsencrypt/live/你自己的域名/fullchain.pem; ssl_certificate_key /etc/letsencrypt/live/你自己的域名/privkey.pem; ssl_trusted_certificate /etc/letsencrypt/live/你自己的域名/chain.pem;位置/{ 根/var/zzz;索引index.html;复制:
2.4 如何制作网站(hexo)
链接:https://pan.baidu.com/s/1MsaugTRmtuxTsDFHzDpBUA 提取码:ewkq
下载链接中的工具Git-2.31.1-64-bit.exe和node-v14.17.0-x64.msi并分别完成安装。鼠标右键选择Git Bash Here,在弹出的窗口中输入node -v和npm -v,页面上就会显示对应的编号。在git窗口中输入npm install -g hexo-cli命令并按回车键执行即可安装hexo 在git窗口中输入hexo init hexoBlog命令并按回车键执行,在上面生成一个hexoBlog文件夹桌面,在git窗口输入cd hexoBlog命令回车执行,进入hexo文件夹,在git窗口输入npm install命令回车执行,生成网站模板,进入hexo服务器在git窗口中输入命令并按回车键执行,然后可以通过http://localhost:4000/访问部署的网站,同时按ctrl c键终止程序,输入命令hexogenerate生成文件即可部署到服务器。最后将hexoBlog文件夹中的public文件夹中的所有文件复制到服务器的/var/zzz目录下,完成服务的部署。其他会用到的hexo 命令: hexo clean 清除生成的公用文件夹,hexo new hello 生成一个名为hello 的网页。网页内容可以在hexoBlog/source/_post目录下的对应文件中修改。修改格式可以参考markdown语法:
2.5 搭建网站主题和修改网站访问路径
在git窗口中输入npm install hexo- renderer-pug hexo-renderer-stylus --save 命令并按回车键执行,安装渲染器并进入git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git在git窗口中输入themes/butterfly命令并按回车键执行并下载主题。 Butterfly将hexoBlog目录下的_config.yml文件中主题对应的值替换为您要使用的主题名称。再次执行hexogenerate命令,将生成的文件放到服务器对应目录下。 HexoBlog目录下的_config.yml文件中,将permalink:year/:month/:day/:title/替换为:title.html或/articles/:title.html,设置网页访问路径