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

欢迎指点错误，更详细的介绍和操做截图会在其余文章叙述，欢迎加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 等等域名，恭喜你，因为没法在国内备案，是没法在国内购买的服务器上使用的，解决办法是买一个能够备案的域名，或者是买一台国外的服务器吧。