之前写过一篇文章《零基础快速搭建一个属于自己的网站或博客，只需要三天时间，而且完全免费！！！》（文章链接：/article/36/），最近有兄弟举报本文的步骤改动很大，并且借助GitHub等免费形式，访问速度比较慢，但是很多地方很难访问。
看了之后，兄弟们基本想建一个/这样的导航网站，做一个神秘又热情的网友，分享各种震撼的网络资源，然后给我们在海边拍照！
不过既然兄弟们有需求，明天我干脆花巨资做这个新教程，帮助大家快速搭建一个完全属于自己的导航网站。
首先，教程还是和平常一样，不需要任何计算机相关的专业知识，基本上只需要按照文章中的步骤就可以完成搭建。 不过为了简化大家的操作，我一般都会选择一些简单的物品和技巧，都是以兄弟为主，不知道你们喜不喜欢~
自建导航网站的功效
明天教程内置的导航网站效果如右图，大家可以访问体验。
网站采用响应式布局，无论是笔记本电脑还是手机，都可以正常访问，界面完美展示。
而且这是一个完全部署在自己服务器上的导航网站，访问速度快，可以随意更改网页内容，而且我的服务器，我的域名，我做主！
规划建设一个导航网站
为导航网站订购域名
所谓域名，就是您访问网站时在浏览器中输入的链接，例如：.
域名的价格相当实惠。 各大厂家的价格都差不多，没有多少羊绒可以买。 您可以直接进入腾讯云选择您要购买的域名。
请记住想一个简单而宽敞的域名。 比如这次测试，我们点了一个igeek.fun，说明我是一个有趣的小极客，呵呵~
这次订购一年的域名只需要7元，但转念一想，我怕要给兄弟们测试很多开源项目，还不如订购5年呢！ （虽然不知道兄弟们喜不喜欢
）
订阅导航网站的服务器
服务器相当于一个笔记本，用来存储导航网站的源代码，24小时不间断供电运行导航网站。
这里推荐大家订购腾讯云的服务器，因为性价比太高了，根本无法拒绝！ 除了价格实惠之外，腾讯云还有大厂商的优势折扣网站 源码，服务器非常稳定可靠！
使用以下链接订购可享受额外折扣：
订购时，记得选择Ubuntu作为操作系统，因为本教程也使用Ubuntu。 其他选项就按照默认即可。
国外服务器和海外服务器有什么区别？
最大的区别是是否需要备案的问题。 备案是指您要访问该网站，必须将网站建设信息报相关部门备案。
那么海外的服务器通常会比较贵，访问会比国外慢一点，而且很容易被屏蔽。 所以如果你打算全年都做的话，建议你订购一台国外服务器并归档。
例如：同等活动折扣下，海外服务器一年最低费用仅为50元，海外服务器一年费用为375元
初审需要一周左右的时间，所以这里为了快速演示折扣网站 源码，我就直接用海外服务器给大家演示一下。
下载导航网站源码
本次演示是一个免费开源导航网站的部署，源码已经在GitHub上开源：
备注：访问GitHub有困难的兄弟，可以直接下载我的副本：/s/77885iTYwbQ
本教程主要演示一个纯静态页面导航网站的部署。
不过，这个导航网站经过很多热心网友的贡献，其实已经进化出了很多版本，比如有管理后台的版本，没有管理后台的静态页面版本。 如果本教程的反响还不错，我会在旁边演示其他版本。
导航网站部署重装服务器系统
如果您在订购时选择了Ubuntu以外的操作系统，您可以重新安装服务器系统。 您只需在嘉义找到您刚刚订购的服务器，然后选择重装系统即可。 在重新安装过程中，选择最新的 Ubuntu 版本。
远程连接服务器 远程连接软件下载
这里首先下载两个软件：
Xshell+Xftp免费版安装包：/s/piQ9v1ekHKc
远程连接配置
两个软件的连接方法是一样的：
第一步：打开软件，点击左上角的➕
步骤2：在连接选项中输入名称和主机IP。 主机IP就是刚才订购的服务器IP，在控制台的服务器选项中可以看到，复制粘贴即可（记住是该网段的IP）。
第三步：切换到用户认证，用户名填写：root，密码填写订购服务器时设置的密码。 然后点击连接即可连接到服务器。
上传导航网站源码
使用Xftp连接服务器，然后在路径栏中输入/访问根目录，并在根目录下创建www文件夹。
然后将上面下载的导航网站源码拖放到www目录下。
安装nginx服务
Nginx 是一种高性能 HTTP 和反向代理 Web 服务。 简单来说，就是当有人访问你的网站时，这个东西可以将导航网站的内容返回给浏览器进行显示。
使用Xshell连接服务器，然后输入apt-getupdate，回车运行。
等待执行完成后，输入apt-getinstallnginx
如果您遇到提示“是否要继续？” 中间[Y/n]，输入y并回车继续。
安装好nginx后，在浏览器中输入服务器网段的IP地址，可以看到如下页面。
配置nginx指向导航页面
这里我已经写好了基础版的配置文件，大家可以点击下载。
配置文件下载：/s/wr27cERw38u
下载完成后，记得用编辑器打开，然后将上面的域名替换成自己的，然后按CTRL+S保存。
备注：小编推荐使用Sublime，比较轻量且简单。 Sublime安装包：/s/d8iZxKDzNp4
然后使用Xftp将配置文件上传到服务器的/etc/nginx/sites-available目录下。
然后使用Xshell分别输入以下两条命令，并回车。
设置域名解析
返回腾讯云控制台，找到您刚刚订购的域名，点击分析。
然后点击添加记录，记录值记得填写自己服务器网段的IP。
分析完成后，您应该会收到一封来自腾讯云的电子邮件。 大约10分钟后，就可以通过域名访问导航网站了！
更改导航站点的内容
在本地笔记本上打开导航网站的源代码文件夹：
更换导航网站logo
如果要更改Logo，只需替换同文件名的新Logo即可。
更改导航内容
如果想要更改导航页面的内容，需要使用Sublime编辑器打开cn文件夹和en文件夹中的index.html，然后编辑上述内容。
比如要改变两边的菜单栏，只需要根据源码复制一份一模一样的结构，粘贴进去，然后把上面的英文改一下就可以了。
例如：改变导航内容也可以根据源代码的结构来改变。
替换图片
如果需要更改图片，有两种方法：
第一种：自动将图片添加到本地assets/images中，然后使用这些方法链接图片../assets/images/logos/behance.png。
第二种方法：建议使用图床工具，将图片放到别人的服务器上，这样可以提高网站的加载速度。 这里推荐使用路过的图床：/
打开图床网站，直接拖放需要上传的图片，上传完成后即可获取图片的链接。
然后，您可以在导航站点中使用此图像链接。
将修改后的内容上传到自己的服务器
上传之前记得双击index.html打开预览看看网页是否正常显示！
如果显示正常，可以再次使用Xftp将WebStackPage整个文件夹上传到服务器的/www下。
备注：如果上传时遇到重复文件，记得选择覆盖源文件！
等待上传完成，再次访问域名就可以看到最新的变化了~
终于
本教程到此结束，如有疑问，欢迎兄弟们在群里交流~
如果大家喜欢这样的内容，可以给个三连击，我会理解的~
如果有更多的兄弟喜欢的话，我会继续更新更多导航网站的中间配置，比如管理后台等等。 并持续快速更新更多使用开源项目的内容，让兄弟们享受开源项目的便利！
