欢迎指点错误,更详细的介绍和操作截图会在其他文章叙述,欢迎加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 等等域名,恭喜你,由于无法在国内备案,是无法在国内购买的服务器上使用的,解决办法是买一个可以备案的域名,或者是买一台国外的服务器吧。