概要

先上效果图
Demo

一、下载源码

这里提供官网下载

Download

然后将源码上传到服务器根目录中

二、修改配置

这里一Nginx为例，应为只有一台服务器，Nginx默认监听在80端口，现在想要用同一个域名访问就要在Nginx中添加配置，
编辑Nginx的安装路径下的nginx.conf

[root@centos]# vim /usr/local/nginx/conf/nginx.conf

找到server，默认的是一个80端口的配置，我们直接复制下来修改一下就行，

复制到配置文件下面，只需修改server_name和root参数，我在这里二级域名指向的网站目录，主域名指向的导航页面。

server {
      listen 80;
 server_name  这里替换你的二级域名;  #如blog.kangch.top
 root /这里是你源码的路径，指定到文件夹就行;
 location / {
      index index.html ;
}

重启Nginx

[root@centos]# /etc/init.d/nginx restart

域名解析

因为只有一个域名，要在解析就只能使用二级域名，
打开阿里云域名控制台-->选择你的域名-->域名解析-->添加记录
记录类型选择：@ WWw 分别添加两个
主机记录：blog （就是你二级域名的前缀，填blog二级域名就是blog.xxxxxxx.top）
记录值：你的ip地址

访问域名