资讯专栏INFORMATION COLUMN

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

李昌杰 / 3610人阅读

摘要:欢迎指点错误,更详细的介绍和操作截图会在其他文章叙述,欢迎加一起交流本文所用本机系统为的深度系列,阿里云服务器为系列的一准备工作你需要的工具一共有系统,,,网站账号,阿里云服务器,域名。

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

</>复制代码

  1. 打开命令终端 Ctrl+Alt+T
  2. 获得root权限 sudo su
  3. 查看当前文件 ls
  4. 查看文件权限 ll
  5. 查看当前所有文件(包含隐藏文件) ls -a
  6. 进入目标文件 cd 文件名
  7. 退到父本文件 cd ..
  8. 退到最初文件 cd
  9. 更改文件名 mv 文件名A 文件名B
  10. 输入之前输入过的指令 按上下方向键
  11. 移动文件到本文件中 mv 路径 .
  12. 例如 mv ../pic/海岛.jpg . (第一处两点表示路径退到父本文件夹,第二处一点表示移动到此处,若移动目标文件夹所有文件 /* )
  13. 删除 rm -rf 文件名
  14. 新建文件夹 mkdir 文件名
  15. 新建文件(有则进入修改) vim 文件名
  16. 进入编辑 按i
  17. 退出编辑 按ESC 后连按两次大写 Z (或者输入:wq)
  18. 强制执行 在操作前加上 !
  19. 光标上下移动n行 :n+
  20. : n-
  21. 重新启动 sudo service nginx reload
  22. 查找错误 nginx -t
  23. 改变权限 chmod a+rwx 文件名
  24. 拷贝 git clone (文件路径 或 ssh地址等多种方式)
  25. 已上传文件更新 git pull
  26. 关闭防火墙 chkconfig iptables off
  27. 更多命令行操作将在步骤中详细讲解!

(三)本地安装git
打开命令终端 按ALT +CTRL+ T
本地安装git

</>复制代码

  1. 1.深度及ubuntu版本 sudo apt-get install git
  2. 2.其它linux版本 sudo yum install git

(四)本地安装SSH

</>复制代码

  1. 同第三步骤

(五)注册Coding网站
1.进入网站,注册账号,新建项目
2.查看本地公钥,复制到Coding中(个人账户那里ssh公钥,注意过期时限)
3.创建一个新项目仓库,点击代码页,将仓库初始化ssh代码复制。
3.回到本地命令终端,将本地文件上传

</>复制代码

  1. cd 进入文件所在文件夹
  2. 初始化仓库 git init
  3. a.查看状态 git status
  4. b.添加文件到缓存 git add 文件
  5. c. git commit
  6. d. 回车
  7. e. 写入上传说明
  8. f.保存并退出说明 :ctrl+x 按Y确认保存退出
  9. g.接下来复制coding网站的仓库初始化代码
  10. (代码上传那页里底部的)
  11. h.输入Coding的username和passwrod完成上传

需要说明的是,上传的可以是一个html文档,照片,js,css等等,也可以上传文件夹。
此后再向项目中添加文件,可以直接在coding网站项目栏,图形操作(把本地文件拖入)
(六)购买阿里云服务器

</>复制代码

  1. 选择linux服务器,**如果你是学生,可以享受每月十元的特惠!**
  2. 记住公网IP、服务器登陆账号、密码、控制台密码等
  3. 启动服务器

1.回到本地命令终端,登陆到服务器 ssh root@公网ip
2.输入账号密码(可进行进行免密码操作,原理是将服务器公钥与本地交换,以后登陆不需要账号和密码,以后会讲如何操作)
3.登陆成功后就可以将文件上传到服务器了。

</>复制代码

  1. a.找到服务器公钥,打开网站,复制到Coding中。
  2. b.选择Coding中项目文件,复制左下侧提供的SSH地址(首页命名为index.html
  3. 回到服务器
  4. c.进入账户文件夹 cd /home/账户
  5. d.新建一个文件夹, mkdir 文件名
  6. e.创建git函数, git init
  7. h.粘贴复制的coding中ssh地址 git clone ssh地址
  8. (例如 git clone git@git.coing...)
  9. 输入COding的账户密码,就成功上传到服务器了!此后对项目中文件更改的,在coding更改后,链接服务器,进入上述文件夹,选择git pull即可完成更新
  10. 需要说明的是,此种网站配置方法只能把文件放置在服务器/home/(账户)/目录中,即打包上传到服务器的文件需要用 mv ../文件夹/*将文件全部转移到本层文件夹中。且第一个html首页文件需更名为index.html

(七)在服务器端安装nginx

</>复制代码

  1. a.连接到服务器后,安装nginx,服务器linux的centos版本 sudo yum install nginx
  2. 服务器liunx其他版本 sudo apt-get install nginx
  3. (其它命令*) 卸载nginx sudo yum(或apt-get) remove nginx

(八)配置nginx

</>复制代码

  1. 连接到服务器端后
  2. a. 进入nginx cd /etc/nginx
  3. b. 查找所有文件 ls -a
  4. c. 进入conf.d cd conf.d
  5. d. 查找所有文件 ls -a
  6. e. 进入配置default.conf vim default.conf
  7. h. 可根据网上模板配置,重点有 文件夹路径 root/home/...
  8. 首页文件名 index index.html
  9. 举例如下图(最简单的配置)

</>复制代码

  1. server {
  2. listen 80;
  3. server_name www.域名;
  4. root /home/xk/cool;
  5. index index.html index.htm index.php;
  6. }

(九)解析域名

</>复制代码

  1. a.可在阿里云直接购买一个域名,或者其它网站
  2. b.选择解析域名,方式a,解析主机为购买服务器的公网ip
  3. c.记得备案,尤其是.com.cn
  4. d.回到第(八)步,在配置default.conf 中,将域名写入其中
  5. e.重启服务器 service nginx reload

(十)进入浏览器,输入域名,查看你的网站!

</>复制代码

  1. 另外,要在服务器上放多个网站时,每个网站文件根目录分别放在服务器用户目录里,首页为index.html/php文件。域名是有备案的,或者你是国外的服务器。

(十一)常见错误

</>复制代码

  1. 1.未关闭服务器自带防火墙 连接服务器后输入 chkconfig iptables off
  2. 2.nginx配置文件不正确 仔细查看文件夹路径
  3. 3.首页文件名字不是index.html 进入文件夹更改名字 mv who.html index.html
  4. 4.文件没有全部放入/home/用户/文件夹 使用mv ../ . 移动到本文件夹
  5. 5.nginx配置错误,查看文件index.html等等所在路径是否正确
  6. 6.权限问题,使用chmod 777 文件名 给所有文件以及nginx中conf配置权限
  7. 7.域名备案问题,如果你购买的是便宜的.win .top 等等域名,恭喜你,由于无法在国内备案,是无法在国内购买的服务器上使用的,解决办法是买一个可以备案的域名,或者是买一台国外的服务器吧。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/81039.html

相关文章

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

    摘要:欢迎指点错误,更详细的介绍和操作截图会在其他文章叙述,欢迎加一起交流本文所用本机系统为的深度系列,阿里云服务器为系列的一准备工作你需要的工具一共有系统,,,网站账号,阿里云服务器,域名。 欢迎指点错误,更详细的介绍和操作截图会在其他文章叙述,欢迎加QQ:512317053一起交流本文所用本机系统为liunx的深度系列,阿里云服务器为linux系列的centos一.准备工作 1.你需要...

    wendux 评论0 收藏0
  • 从零开始拥有一个自己网站(流程)

    摘要:欢迎指点错误,更详细的介绍和操作截图会在其他文章叙述,欢迎加一起交流本文所用本机系统为的深度系列,阿里云服务器为系列的一准备工作你需要的工具一共有系统,,,网站账号,阿里云服务器,域名。 欢迎指点错误,更详细的介绍和操作截图会在其他文章叙述,欢迎加QQ:512317053一起交流本文所用本机系统为liunx的深度系列,阿里云服务器为linux系列的centos一.准备工作 1.你需要...

    宠来也 评论0 收藏0
  • 教你从零开始使用wordpress生成微信小程序(小白教程)

    摘要:准备工作服务器最好使用服务器,小白推荐安装宝塔面板。备案域名小程序账号建议注册企业账号,可以使用已认证的公众号快速创建。七牛账号使用,加快网站访问速度。如需使用小程序发帖,也会用到。注意不要使用以下的。 showImg(https://segmentfault.com/img/bVUUeU?w=600&h=280); 准备工作 1服务器 最好使用Linux服务器,小白推荐安装宝塔面板。...

    jaysun 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<