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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了从零开始拥有一个自己的网站(流程版)相关的知识,希望对你有一定的参考价值。

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

以上是关于从零开始拥有一个自己的网站(流程版)的主要内容,如果未能解决你的问题,请参考以下文章

从零开始配置vim(27)——代码片段

从零开始配置vim(27)——代码片段

spring boot之从零开始开发自己的网站

从零开始搭建服务器部署web项目

从零开始创建自己的区块链应用(JAVA版)

从零开始创建自己的区块链应用(JAVA版)