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


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

    (七)在服务器端安装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

  • 相关阅读:
    C++使用GDI+实现图片格式转换
    易语言调用C++写的DLL
    【PE】手动给PE文件添加一段代码MessageBoxA
    SHGetSpecialFolderLocation获取开始文件夹
    MySQL导入导出数据
    MySQL5.7修改密码
    Elasticsearch 基于external的乐观锁的版本控制
    Elasticsearch修改字段类型 (_reindex)
    es 迁移数据, 重建索引
    SHELL
  • 原文地址:https://www.cnblogs.com/wabxl/p/6105275.html
Copyright © 2020-2023  润新知