当前位置: 首页 > Web前端 > HTML

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

时间:2023-04-02 21:40:18 HTML

欢迎指出错误,更详细的介绍和操作截图会在其他文章中介绍,欢迎加QQ:512317053与本文使用的原生系统进行交流是deep系列的liunx,阿里云服务器是linux系列的centos1.准备工作1.需要的工具有:linux系统,git,nginx,Coding网站账号,阿里云服务器,域名。其中git用于本地命令操作,nginx用于服务器端配置环境,Coding提供更方便的文件上传方式(本地到Coding,Coding到服务器。)2.网页语言编辑器(如webstorm、atom、国内的Hbuilder等,写完window后也可以复制到linux)3、你需要具备的知识是:linux系统的命令行操作基础(后面会讲到)).2.资料参考Coding文档,好奇猫网站(命令行怪兽)等可以找到相关教程3.开始(1)下载linux系统,推荐安装深度,可以直接搜索官网下载并安装。(2)熟悉Linux常用命令行操作打开命令终端Ctrl+Alt+T获得root权限sudosu查看当前文件ls查看文件权限ll查看当前所有文件(包括隐藏文件)ls-a进入目标文件cd文件名exit转到上级文件cd..回到原文件cd更改文件名mv文件名A文件名Benter之前输入的命令按上下方向键移动文件到本文件mv路径.例如mv../pic/island。.jpg(第一个点表示路径返回到父文件夹,第二个点表示移动到这里,如果移动目标文件夹中的所有文件/*)删除rm-rf文件名创建新文件夹mkdir文件名新建一个文件(如果有则回车修改)Vim文件名进入编辑器,按i退出编辑器,按ESC再双击大写Z(或输入:wq)强制术前添加!上下移动光标n行:n+:n-restartsudoservicenginxreloadfinderrornginx-tchangepermissionschmoda+rwxfilenamecopygitclone(文件路径或ssh地址等)上传文件updategitpulloffFirewallchkconfigiptablesoff更多命令行操作在步骤中会详细说明!(3)本地安装git打开命令终端按ALT+CTRL+T在本地安装git1.深度和ubuntu版本sudoapt-getinstallgit2.其他linux版本sudoyuminstallgit(4)本地安装SSH同第三步(5)注册Coding网站1.进入网站,注册账号,新建项目2.查看本地公钥,复制到Coding(个人账户中的ssh公钥,注意过期时间限制)3.新建项目仓库,点击代码页,添加仓库初始化ssh代码复制。3.回到本地命令终端,上传本地文件cd进入文件所在文件夹初始化仓库gitinita。检查状态gitstatusb。将文件添加到缓存gitaddfilec.gitcommitd.输入e。编写和上传说明f.保存退出说明:ctrl+x按Y确认保存退出g.接下来复制打码网站的仓库初始化代码(在代码上传页面最下方)h。输入Coding的用户名和密码,完成上传。需要说明的是,上传可以是html文档、照片、js、css等,也可以上传文件夹。之后就可以在工程中添加文件了,可以直接到编码网站的工程栏目,进行图文操作(将本地文件拖进去)(6)购买阿里云服务器,选择linux服务器。**如果您是学生,可以享受月费十元的特惠!**记住公网IP、服务器登录账号、密码、console密码等启动服务器1.回到本地命令终端,登录服务器sshroot@公网ip2.输入账号密码(可以免密码操作,原理是和本地交换服务器的公钥,以后登录不需要账号和密码,后面会介绍如何操作)3.登录成功后,文件可以上传到服务器。A。找到服务器公钥,打开网站,复制到Coding。b.在Coding中选择工程文件,复制左下方提供的SSH地址(首页名为index.html)返回服务器c.进入账户文件夹cd/home/accountd。新建文件夹,mkdir文件名e。创建git函数,gitinith。在复制的代码中粘贴ssh地址gitclonessh地址(eggitclonegit@git.coing...)输入COding的账号密码,上传到服务器成功!之后,如果项目中的文件有改动,编码改动后,连接服务器,进入上述文件夹,选择gitpull完成更新。需要注意的是,这种网站配置方式只能将文件放在服务器的/home/(账号)/目录下,即打包上传到服务器的文件需要用mv转移到本层的文件夹中../文件夹/*。而第一个html主页文件需要改名为index.html(7)在服务器端安装nginxa。连接服务器后,安装nginx,centos版本的服务器linuxsudoyuminstallnginxserverliunx其他版本sudoapt-getinstallnginx(其他命令*)卸载nginxsudoyum(orapt-get)removenginx(8)配置nginx连接到服务器后输入nginxcd/etc/nginxb。查找所有文件ls-ac。输入conf.dcdconf.dd。查找所有文件ls-ae。进入配置default.confvimdefault.confh。可以按照网上的模板配置,重点是文件夹路径root/home/...home文件名索引index.html示例如下图(最简单的配置)server{listen80;服务器名称www.域名;根目录/home/xk/cool;indexindex.htmlindex.htmindex.php;购买域名或其他网站b.选择解析域名,方法a,解析host为购买服务器的公网ipc。记得记录,尤其是.com和.cnd。回到第(8)步,配置default在.conf中,将域名写入其中e。重启服务器服务nginxreload(10)进入浏览器,输入域名,查看你的网站!另外,当服务器上要放置多个网站时,每个网站文件的根目录都放在服务器用户目录下,首页为index.html/php文件。域名有记录,或者你是国外服务器。(十一)常见错误1、服务器自带的防火墙没有关闭。连接服务器后,输入chkconfigiptablesoff2.nginx配置文件不对,仔细检查文件夹路径3.首页文件名不是index.html,进入文件夹改名mvwho。htmlindex.html4.并不是所有的文件都放在/home/user/文件夹下。使用mv../。移动到这个文件夹。5、nginx配置错误。检查index.html等文件的路径是否正确。6.权限问题,使用chmod777文件名给nginx中的所有文件和conf配置权限7.域名备案问题,如果买便宜。解决办法是买一个可以备案的域名,或者买一个国外的服务器。