美文网首页
从零开始部署属于你的个人网站

从零开始部署属于你的个人网站

作者: ANoman_M | 来源:发表于2017-11-19 11:34 被阅读0次
这篇文章能给你带来什么?
帮你搭建一个任何终端都可以访问的网站,显示一条简单的信息 "hello , 你的名字"
写在前面

百度首页的前端招聘广告第一句话就是“一张网页,要经历怎样的过程,才能抵达用户面前? ”
二十一世纪是一个信息爆炸的时代,建立个人品牌的话题也早已被各类成功学炖了无数鸡汤。说来惭愧,我建立个人网站的想法大概从高中就种草了,只是一直没有机会接触,不知从何下手。如今,云计算的平台遍布万网,你只需要支付一定的费用就可以拥有属于自己的远程服务器,不用担心机器安装和维护的问题。
接触前端以来,网站会写了,但是对后端所知甚少,不知道怎么在公网发布一个项目。node和eclipse的发布只能在自己的电脑上搭建服务,是没有办法让其他人看到你的东西的...
所以,前一段时间自己折腾了很久,终于部署好了一个云服务器,并且把自己学three.js的一个全景展示网页发布了,虽然及其简单,但是激动之心不言而喻,当天就发了微博纪念,并跟好友分享成果。学习与成长是终生的话题,何时开始都不会晚,一起加油~

开始

第一步:选择一个云平台

当然是BAT啦!淘宝上面的云服务也有很多,没试过所以不作评论。这里推荐阿里云和腾讯云。如果你是学生,恭喜你,这两个平台都有针对学生的云服务的优惠,并且价格便宜的让人发指!我们这种已经告别象牙塔的人只能羡慕...


image.png

这两个的区别么,阿里云价格相对便宜一些,但是腾讯云有一个免费的体验机会,而且配置服务器不用配置安全组协议,如果你只是想体验一下,建议你选择腾讯云的免费项目。等你熟悉配置了,再买阿里的长期服务。


image.png
接下来,注册(可微信登录) --> 申请免费套餐 --> 获得一台免费的云服务器
(新手建议选择windows操作系统 2008/2012/2016)

打开控制台,大概长这个样子:


image.png
到此为止,你已经在云上拥有了一台属于自己的服务器,但是想要让我们的手机都可以访问到,还需要进行一些小小的配置。
第二步:登录你的云服务器

在你进行上一步操作的时候,服务器的账号密码ip等应该已经发到了你的手机或者邮箱。比如这样

image.png
登录有两种方式。
第一种,在腾讯云或者阿里云的云服务器控制台上点击登录。输入相应的密码即可。
第二种,使用windows自带的远程桌面连接登录。
win+R(或者打开运行)
输入mstsc
image.png
输入你的 公网ip和对应密码,按照提示即可
image.png
第三步:部署环境。安装iis和php

这一步网上有很多教程,腾讯的云服务器运维文档 也有很详细的说明,步骤实在 太多 就不一一列了...

image.png
第四步:hello,你的名字

登录云服务器,找到c盘,打开inetpub

image.png
打开 wwwroot文件夹
image.png
新建一个index.php文件,并填入如下内容
image.png
拿起你的手机,输入 http://你的服务器公网ip/index.php
image.png
大功告成。
现在如果你有一个自己的项目,可以把它放到这个目录下,就可以访问了:)
当然,如果你想通过域名访问就去申请域名,腾讯和阿里平台都有优惠,.cn域名大概十几块一年这样。

结束

相关文章

  • 从零开始部署属于你的个人网站

    这篇文章能给你带来什么? 帮你搭建一个任何终端都可以访问的网站,显示一条简单的信息 "hello , 你的名字" ...

  • 个人网站 - 架构设计

    个人网站功能模块 个人网站技术栈 个人网站服务器部署

  • 0040 如何分析网页源代码并模仿编写

    前面,学习了如何从零开始编写一个网站的程序,并部署在本地Web服务器,然后部署到云服务器上,通过域名进行访问。基本...

  • 从零部署一个https网站

    相信很多同学都对部署网站很感兴趣,今天给大家介绍一个楼主看过的很棒的视频,一共有八集,从零开始使用nginx部署一...

  • GitPages+Hexo搭建个人博客

    前言 如果你想从零开始搭建一个属于自己的静态博客网站,可以参考下面三篇博文,这三篇博文是记录我从零开始搭建自己静态...

  • github搭建静态网站

    适应于搭建纯静态网站的个人网站建设 1、本地仓库同步部署到远程github仓库, 参考链接 2、部署完成后,配置仓...

  • 从零开始建立属于我的个人网站(详细教程)

    在建立个人网站的过程中,总体还算顺利,但也遇到了好几个问题,搜索调试重装系统,颇为耽搁了一阵,故立此文,若能为后来...

  • 你也可以拥有属于个人的网站

    很早以前就听闻WordPress的大名,因为它的建立起来比较简单不懂代码也不要紧。去年就计划着是不是自己也能弄一...

  • Hexo 在 Coding 上部署博客

    之前是在 GitHub 上部署的静态博客,由于 GitHub 属于国外网站,访问速度慢,听闻可以在 Coding ...

  • CentOS + uwsgi + nginx + Django搭

    环境的配置 用Django做好了网站,需要部署到VPS上,这也是第一次从零开始配置服务器,踩了很多坑,在这里记录一...

网友评论

      本文标题:从零开始部署属于你的个人网站

      本文链接:https://www.haomeiwen.com/subject/bnduvxtx.html