从零开始拥有一个自己的网站(流程版)

摘要：欢迎指点错误，更详细的介绍和操作截图会在其他文章叙述，欢迎加一起交流本文所用本机系统为的深度系列，阿里云服务器为系列的一准备工作你需要的工具一共有系统，，，网站账号，阿里云服务器，域名。

欢迎指点错误，更详细的介绍和操作截图会在其他文章叙述，欢迎加QQ：512317053一起交流
本文所用本机系统为liunx的深度系列，阿里云服务器为linux系列的centos
一.准备工作
1.你需要的工具一共有：linux系统，git，nginx，Coding网站账号，阿里云服务器，域名。
其中git用于本地命令操作，nginx用于服务器端配置环境，Coding提供更方便的文件上传方式（本地传给Coding,Coding传给服务器。）
2.一款网页语言编辑器（如webstorm,atom,国产Hbuilder等，也可以在window写好后拷贝到linux里哦）
3.你需要拥有的知识是：linux系统的命令行操作基础（稍后会讲）。
二.资料参考
可以在Coding文档、好奇猫网站（命令行怪兽）等找到相关教程。
三.起步
（一）下载linux系统，推荐安装深度，可直接搜索官方网站下载并安装。
（二）熟悉常用linux常用命令行操作

</>复制代码 
打开命令终端   Ctrl+Alt+T
获得root权限   sudo su
查看当前文件   ls
查看文件权限   ll
查看当前所有文件（包含隐藏文件） ls -a
进入目标文件   cd 文件名
退到父本文件   cd ..
退到最初文件   cd
更改文件名     mv 文件名A 文件名B
输入之前输入过的指令 按上下方向键
移动文件到本文件中 mv 路径 .
                 例如 mv ../pic/海岛.jpg .  (第一处两点表示路径退到父本文件夹，第二处一点表示移动到此处，若移动目标文件夹所有文件 /* )
                 
删除          rm -rf 文件名
新建文件夹     mkdir 文件名
新建文件（有则进入修改）  vim 文件名
         进入编辑       按i
         退出编辑       按ESC 后连按两次大写 Z  (或者输入:wq)
         强制执行       在操作前加上 ！
         光标上下移动n行 ：n+
                       : n-
重新启动      sudo service nginx reload
查找错误      nginx -t
改变权限      chmod a+rwx 文件名
拷贝          git clone （文件路径 或 ssh地址等多种方式）
已上传文件更新 git pull
关闭防火墙     chkconfig iptables off
更多命令行操作将在步骤中详细讲解！    

（三）本地安装git
打开命令终端 按ALT +CTRL+ T
本地安装git

</>复制代码 
          1.深度及ubuntu版本 sudo apt-get install git
          2.其它linux版本   sudo yum install git

（四）本地安装SSH

</>复制代码 
 同第三步骤

（五）注册Coding网站
1.进入网站，注册账号，新建项目
2.查看本地公钥，复制到Coding中(个人账户那里ssh公钥，注意过期时限)
3.创建一个新项目仓库，点击代码页，将仓库初始化ssh代码复制。
3.回到本地命令终端，将本地文件上传

</>复制代码 
                            cd 进入文件所在文件夹 
                             初始化仓库      git init
                           a.查看状态       git status       
                           b.添加文件到缓存  git add 文件                      
                           c.               git commit
                           d.               回车  
                           e.               写入上传说明
                           f.保存并退出说明   ：ctrl+x   按Y确认保存退出
                           g.接下来复制coding网站的仓库初始化代码
                              (代码上传那页里底部的)
                           h.输入Coding的username和passwrod完成上传 

需要说明的是，上传的可以是一个html文档，照片，js，css等等，也可以上传文件夹。
此后再向项目中添加文件，可以直接在coding网站项目栏，图形操作（把本地文件拖入）
（六）购买阿里云服务器

</>复制代码 
 选择linux服务器，**如果你是学生，可以享受每月十元的特惠！**
 记住公网IP、服务器登陆账号、密码、控制台密码等
 启动服务器

1.回到本地命令终端，登陆到服务器 ssh root@公网ip
2.输入账号密码（可进行进行免密码操作，原理是将服务器公钥与本地交换，以后登陆不需要账号和密码，以后会讲如何操作）
3.登陆成功后就可以将文件上传到服务器了。

</>复制代码 
  a.找到服务器公钥，打开网站，复制到Coding中。
  b.选择Coding中项目文件，复制左下侧提供的SSH地址（首页命名为index.html）
  回到服务器     
  c.进入账户文件夹    cd /home/账户
  d.新建一个文件夹，  mkdir 文件名
  e.创建git函数，    git init
  h.粘贴复制的coding中ssh地址    git clone ssh地址
                               （例如 git clone git@git.coing...）
    输入COding的账户密码，就成功上传到服务器了！此后对项目中文件更改的，在coding更改后，链接服务器，进入上述文件夹，选择git pull即可完成更新
    需要说明的是，此种网站配置方法只能把文件放置在服务器/home/（账户）/目录中，即打包上传到服务器的文件需要用 mv ../文件夹/*将文件全部转移到本层文件夹中。且第一个html首页文件需更名为index.html
    

（七）在服务器端安装nginx

</>复制代码 
a.连接到服务器后，安装nginx，服务器linux的centos版本   sudo yum install nginx
                          服务器liunx其他版本  sudo apt-get install nginx
   （其它命令*） 卸载nginx                   sudo yum(或apt-get) remove nginx

（八）配置nginx

</>复制代码 
  连接到服务器端后
 a. 进入nginx      cd /etc/nginx
 b. 查找所有文件    ls -a
 c. 进入conf.d     cd conf.d
 d. 查找所有文件    ls -a
 e. 进入配置default.conf     vim default.conf
 h. 可根据网上模板配置，重点有  文件夹路径 root/home/...                              
                             首页文件名 index index.html
 举例如下图（最简单的配置）

</>复制代码 
 server {
    listen       80;
    server_name www.域名;
    root   /home/xk/cool;
    index index.html index.htm index.php;
   
}
                             

(九)解析域名

</>复制代码 
 a.可在阿里云直接购买一个域名，或者其它网站
 b.选择解析域名,方式a,解析主机为购买服务器的公网ip
 c.记得备案，尤其是.com和.cn
 d.回到第（八）步，在配置default.conf 中，将域名写入其中
 e.重启服务器  service nginx reload
 

(十)进入浏览器，输入域名，查看你的网站！

</>复制代码 
 另外，要在服务器上放多个网站时，每个网站文件根目录分别放在服务器用户目录里，首页为index.html/php文件。域名是有备案的，或者你是国外的服务器。

(十一)常见错误

</>复制代码 
  1.未关闭服务器自带防火墙   连接服务器后输入 chkconfig iptables off
  2.nginx配置文件不正确     仔细查看文件夹路径
  3.首页文件名字不是index.html   进入文件夹更改名字    mv who.html index.html
  4.文件没有全部放入/home/用户/文件夹    使用mv ../  . 移动到本文件夹
  5.nginx配置错误，查看文件index.html等等所在路径是否正确
  6.权限问题，使用chmod 777 文件名 给所有文件以及nginx中conf配置权限
  7.域名备案问题，如果你购买的是便宜的.win .top 等等域名，恭喜你，由于无法在国内备案，是无法在国内购买的服务器上使用的，解决办法是买一个可以备案的域名，或者是买一台国外的服务器吧。