1,进入apache 文件配置 再 ls
cd /etc/apache2
ls
2. 然后进入 sites-available 目录下 ls 这里有两个虚拟配置站点，我们用第一个为例
cd sites-available/
ls
3，在此目录下 复制一份 000-default.conf 并为站点起个名字
sudo cp 000-default.conf www.abc.com.conf
4，再开刚刚创建的站点，这里为了避免权限不够加个 sudo ,我用vim 打开 配置
sudo vim www.abc.com.conf
5.配置站点，修改名称和数据保存的位置，保留这两行就行，其他可以删除
为了好记我把名称改为和站点名一样，最后保存退出。
6，返回上一级目录 cd .. 进入到 sites-enable ，创建一个软链接 指向刚才的站点
cd ..
cd sites-enabled/
sudo ln -s ../sites-available/www.abc.com.conf www.abc.com.conf
7，到Apache 目录下创建一个保存数据的目录，和第五步里DocmentRoot 指定的名称相同
cd /var/www
sudo mkdir www.abc.com
8，我们在刚刚创建的目录下创建一个index.html 用来显示数据
cd www.abc.com/
sudo vim index.html
这里我拿了一个html 文件玩玩，直接复制过去 然后 保存退出
<!doctype html>
<html>
<head>
<title>Heart</title>
<meta charset="UTF-8">
</head>
<body>
<canvas id="c"></canvas>
<script>
var b = document.body;
var c = document.getElementsByTagName('canvas')[0];
var a = c.getContext('2d');
</script>
<script>
eval('var M=Math,n=M.pow,i,E=2,F="rgba(233,61,109,",d=M.cos,z=M.sin,L=1,u=30,W=window,w=c.width=W.innerWidth,h=c.height=W.innerHeight,r=_1){return M.random()*2-1},y="px Arial",v="第一个网站",q="
</script>
<div style="text-align:center;">
</div>
</body>
</html>
8，最后我们配置本地hosts 文件，对站点拦截，使IP地址指向我们 创建的站点
sudo vim /etc/hosts
在里面添加 本地ip 和 站点名 10.0.127.xxx www.abc.com
9,最后需要重启Apache
sudo service apache2 restart
打开我们的浏览器在地址栏 输入 www.abc.com 回车就能看到我们的界面
仅此作为自己学习过程中的记录，很多瑕疵说的自己也不是很懂。就这样吧！