如何用家用电脑+IIS搭建简单静态网页并能够在互联网中访问

国庆节快乐!

从2021年10月1日开始,Freesun Blog将会由Cloudflare托管CDN加速,并使用https协议,期待更友好的访问体验。


IIS(Internet Information Services),是由微软公司提供的基于运行Microsoft Windows的互联网基本服务。你可以在你的家用电脑上,使用IIS来搭建一个简单的静态网页。

Step 1 安装IIS

IIS在大部分的Windows电脑上都有预装,我们只需把它开启,以Windows 10为例:

1.打开控制面板-程序-启动或关闭Windows功能

2.找到”Internet Information Service“,在二级菜单中勾选”Web管理工具“(FTP服务器和万维网工具看个人需要安装),点击确定,等待进度条完成后即安装完毕。

3.打开C盘,会发现一个名为“inetpub”的文件夹,打开后会发现一个“wwwroot”的文件夹,这就是你网站的根目录,和之前说过的零技术建站教程里的wwwroot同理。

4.检测是否成功安装IIS

在这台电脑上打开任意浏览器,输入127.0.0.1或localhost,出现IIS的欢迎界面即为安装成功。

IIS10欢迎界面
IIS7欢迎界面

Step 2 将网页映射到互联网

进行了上面的步骤,你的网站服务器算是基本搭建成功了,但他只能在这台电脑访问,所以我们要用内网映射的方法将网页映射到互联网。如果你的电脑有公网IP就可以跳过这步,但一般的家用电脑都没有,所以我们使用最简单的方式进行内网映射。

1.下载“路由侠”(官网直达http://www.luyouxia.com/

路由侠官网

2.网页右上角注册路由侠账号。尤其要注意用户名的设置,如果你没有购买专业版的打算要使用免费版,那用户名将会是你网站二级域名的一部分。

3.下载好后在电脑上安装路由侠,打开路由侠软件并登录你在路由侠官网注册的账号。

4.进入路由侠主界面

路由侠

5.点击主界面上方菜单栏的“添加”,选择类型“网站建设”,开始创建

6.在下图左边红圈的地方选择线路(应该是只有一个线路,但你还是要手动点击选择一下),然后在右边的“内网主机”保持“127.0.0.1”不变,端口保持80不变,随后点击添加。至于绑定自己的域名是需要购买付费版才可以绑定,免费版只能使用自带的二级域名。

设置界面
官网价格表

如果你是用的是免费版,那你的月流量只有1gb,1gb用完后你可以通过购买流量包或专业/企业版来获得更多的流量。如果你要使用自定义域名功能,必须要购买专业版及以上的套餐,购买流量包并不能使用自定义域名功能。

6.回到主界面,就可以看到我们刚刚创建的网站映射了,当他变为绿色且延迟处正常显示数字时,即代表成功。右键复制“外网访问地址”里的网址,将他直接黏贴在浏览器里,就能从互联网里访问到你自己的网站了,访问的内容即为前面提到的wwwroot目录里的内容。那个网址就是能访问到你网站的二级域名,不止在本台电脑上能访问到这个网页,所有能访问到互联网的设备都能通过那个网址访问到你的站点。而127.0.0.1和localhost只是在本台电脑上有用,在互联网上访问不再有用,在互联网上你站点的网址就是“外网访问地址”里的网址。

站长的自建网址使用家用电脑搭建,由于站长电脑并不是随时开启所以不一定能随时访问(只有你的电脑开着且开启外网映射才可访问)。

Step 3 添加网页内容

我们都知道index.html是网站的默认主页,所以只要编写好index.html再放入wwwroot目录,就可以通过互联网访问到这个网页。

你可以自己编写,放几行简单的自我介绍:

当然你也可以去找一些现成的网页模板,修改网页里面的文字,然后把网页的文件名改为index.html再放入wwwroot目录,关于这些的详细教程我会在零技术建站的Pt3里面讲。

就像这样:

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇