ubuntu16.04 下apache 搭建站点

1,进入apache 文件配置再 ls

cd /etc/apache2

2. 然后进入 sites-available 目录下 ls 这里有两个虚拟配置站点，我们用第一个为例

cd sites-available/

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=" ",X=w/2,Y=h/2,T=4,p=_1){var e=this;e.g=_1){e.x=X;e.y=Y;e.k=0;e.l=0;e.t=M.random()*19000;e.c=e.t};e.d=_1){a.fillStyle=F+(e.c/e.t)+")";a.fillText(q,e.x,e.y);e.c-=50;e.x+=e.k;e.y+=e.l;e.k=e.k+r();e.l=e.l+r();if(e.c<0||e.x>w||e.x<0||e.y>h||e.y<0){e.g()}};e.g()},A,B;a.textAlign="center";a.strokeStyle="#000";a.lineWidth=2;for(i=0;i<350;i++){M[i]=new p()}setInterval(_1){a.clearRect(0,0,w,h);a.font=u+y;X=(w/6*n(z(T),3)+w/2);Y=0.8*(-h/40*(13*d(T)-5*d(2*T)-2*d(3*T)-d(4*T))+h/2.3);T+=(z(T)+3)/99;for(i=0;i<350;i++){with(M[i]){A=(x/w-0.5)*2,B=-(y/h-0.5);if(L&&(A*A+2*n((B-0.5*n(M.abs(A),0.5)),2))>0.11){k=l=0}d()}}a.font=120+y;if(E>0.1){if(E<1){a.fillStyle=F+E+")";a.fillText("Click",w/2,h/2)}E-=0.02}a.fillStyle="#E93D6D";a.fillText(v,X,Y+u);a.strokeText(v,X,Y+u)},50);b.bgColor="#FFEFF2";c.onmouseup=_1){L=(L)?0:1}'.replace(/(_1)/g,'function('))
    </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 回车就能看到我们的界面

仅此作为自己学习过程中的记录，很多瑕疵说的自己也不是很懂。就这样吧！

ubuntu16.04 下apache 搭建站点

猜你喜欢