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

Posted 2020-08-21

欢迎指点错误，更详细的介绍和操作截图会在其他文章叙述，欢迎加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