Windows篇:零基础零费用快速建站,免费实现个人首页,轻松分享给朋友

小豆丁 1年前 ⋅ 310 阅读
努力做一个表达的人
博客 | ugoodu.cn
知乎 | Ugoodu



勇敢走出第一步尝试,建立自己的个人网站,这里提供你所需要的建站技术指导和工具,助你初步搭建自己的个人首页,并会协助你不断地完善,来体验动手建站的乐趣吧。

前期准备


个人电脑(必备)

网站内容(文中提供参考内容)

工具下载(Nginx、utools)
//
步骤展示
//

实现本地网站服务
实现网站内容部署
实现IP访问(可跳过)
实现外网访问
实现二维码分享


01
实现本地网站服务




 



 

(1)Nginx下载:   

下载地址

01 May 2021


●Nginx官方下载地址:http://nginx.org/en/download.html


●Windows下载地址:http://nginx.org/download/nginx-1.19.10.zip


(2)Nginx启动


将下载文件解压到D盘,进入解压目录,点击nginx.exe启动,或通过控制台启动(文件路径输入cmd调出命令窗口,输入start nginx命令启动:如下图)


(3)浏览器访问


Nginx启动检查
浏览器输入:localhost:80访问,出现下面页面证明nginx启动成功(操作注意事项可跳过)
操作注意事项

​01 May 2021

启动检查命令

#控制台输入命令
tasklist /fi "imagename eq nginx.exe"


启动成功



启动失败

80端口占用检查

#控制台输入命令
netstat -ano|findstr 80


80端口被占用



Nginx配置修改

#nginx的配置文件存放地址
D:\nginx-1.19.10\conf\nginx.conf

端口80被占用,修改为88

#修改后需加载配置,控制台输入命令
start nginx

 ● 关闭命令的使用

#要是存在多个nginx.exe进程,可输入命令关闭
taskkill /f /t /im nginx.exe

其他操作命令

#快速停止nginx
nginx -s stop 
#快速有序停止
nginx -s quit
#配置重载
nginx -s reload

02
实现网站内容部署

(1)个人网站内容参考下载:https://gitee.com/ugoodu/html.git


(2)将个人网站内容解压到D:\nginx-1.19.10目录下,覆盖原来的html文件夹




 (3)浏览器访问localhost:80(这里端口注意和配置文件对应)


温馨提示

如果访问失败,需要检查Nginx是否启动成功,网站目录是否包含index.html首页


 

03
实现IP访问(可跳过)

调出控制台,输入ipconfig,查看IPv4 地址就是你的局域网IP地址


浏览器输入IP地址替换localhost访问,192.168.1.2:80,同样访问成功


04
实现外网访问

utools工具实现内网穿透

(1)下载安装utools工具:https://u.tools


(2)打开utools工具:安装内网穿透插件


(3)打开内网穿透插件,配置映射:

外网域名填写,内网地址和端口需要对应(本地默认:localhost:80


(4)点击连接,点击打开,直达域名访问


相关内容


utools是一个优秀的插件工具,使用起来也比较简单。有一定编程能力的用户,可以自助编写、或提交插件提供给其他用户使用。


utools内网穿透持续使用,需维持软件运行,网络畅通,nginx服务正常运行。适用于个人开发测试,演示浏览,不适用于生产部署。


其他内网穿透工具

(1)ngrok:官网地址https://ngork.com


(2)花生壳:官网地址https://hsk.oray.com


相关内容


花生壳要想实现其内网穿透需要花费6元购买http服务,买1年,送98年(就是收6块意思意思),要想实现更大的访问量支持,花生壳有提供套餐购买


ngrok实现内网穿透功能需要注册账号,获取授权码,在客户端运行命令进行授权码认证绑定。


05
实现二维码分享

草料二维码

1、草料官网地址:https://cli.im


2、输入网址生成二维码:https://cli.im/url



3、请扫一扫二维码验证效果




 

 欢迎关注

只要坚持向前,路途再远,也能和梦想相见。

欢迎将文章分享到朋友圈
如需转载,请在后台回复“转载”获取授权
你点的每个赞,我都认真当成了喜欢




全部评论: 0

    我有话说: