欢迎指点错误,更详细的介绍和操作截图会在其他文章叙述,欢迎加QQ:512317053一起交流
一.准备工作
1.你需要的工具一共有:linux系统,git,nginx,Coding网站账号,阿里云服务器,域名。
其中git用于本地命令操作,nginx用于服务器端配置环境,Coding提供更方便的文件上传方式(本地传给Coding,Coding传给服务器。)
2.一款网页语言编辑器(如webstorm,atom,国产Hbuilder等,也可以在window写好后拷贝到linux里哦)
3.你需要拥有的知识是:linux系统的命令行操作基础(稍后会讲)。
二.资料参考
可以在Coding文档、好奇猫网站(命令行怪兽)等找到相关教程。
三.起步
(一)下载linux系统,推荐Ubuntu,可直接搜索官方网站下载并安装。
(二)熟悉常用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中
3.回到本地命令终端,本地文件上传
a.查看状态 git status b.添加文件到缓存 git add 文件 c. git commit d. 回车 e. 写入上传说明 f.保存并退出说明 :wq g.origin为仓库名 git push origin master h.输入Coding的username和passwrod完成上传
需要说明的是,上传的可以是一个html文档,照片,js,css等等,也可以上传文件夹。
此后再向项目中添加文件,可以直接在coding网站项目栏,图形操作(把本地文件拖入)
(六)购买阿里云服务器
选择linux服务器,**如果你是学生,可以享受每月十元的特惠!** 记住公网IP、服务器登陆账号、密码、控制台密码等 启动服务器
1.回到本地命令终端,登陆到服务器 ssh [email protected]公网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 [email protected]) 输入COding的账户密码,就成功上传到服务器了!此后对项目中文件更改的,在coding更改后,链接服务器,进入上述文件夹,选择git pull即可完成更新
(七)在服务器端安装nginx
a.连接到服务器后,安装nginx,服务器linux版本 sudo yum install nginx 服务器ubuntu版本 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
(九)解析域名
a.可在阿里云直接购买一个域名,或者其它网站 b.选择解析域名,方式a,解析主机为购买服务器的公网ip c.记得备案,尤其是.com和.cn d.回到第(八)步,在配置default.conf 中,将域名写入其中 e.重启服务器 service nginx reload
(十)进入浏览器,输入域名,查看你的网站!
(十一)常见错误
1.未关闭服务器自带防火墙 连接服务器后输入 chkconfig iptables off 2.nginx配置文件不正确 仔细查看文件夹路径 3.首页文件名字不是index.html 进入文件夹更改名字 mv who.html index.html 4.文件没有全部放入/home/用户/文件夹 使用mv ../ . 移动到本文件夹
原址:https://segmentfault.com/a/1190000007605127