作为一个野生的iOSer,技术栈好像还没到这么远,平时也用不太到,主要最自学的几个方面碰巧联系在了一起,因为爱好吧,就研究了下。对了还有戴铭做的那个iOS高阶晋级网课,我也打算订阅一份,并且每章带有我自己的理解重新在这里输出一遍。因为这些年感觉学的东西确实很杂,不精也不成体系,但是有句话叫量变引起质变嘛,所以也未必不是一件好事。那么话不多说,我们开始分享。

Linux的基础知识,前端的基础知识,有一台服务器,有一个域名

Linux的基础知识是因为公司最近在搞分享,我们的运维小伙伴分享了一些linux的入门指令,我又碰巧买了一本鸟哥的linux私房菜看的津津有味,所以老想找机会实验下,mac电脑其实就可以实验很多,但是我还是想在服务器上弄感觉更爽。服务器嘛,我也有一台,当时是为了买了一台国外的系统是CentOS的服务器,碰巧鸟哥的那本书中基础例子就是拿CentOS讲的……于是嘿嘿嘿……至于为什么要部署web页面,存粹是因为弄ReactNative的时候了解了一点React.js,所以写了一个React.js页面就很想布置上去。

好了,理由讲完了,我们现在讲步骤

我们先从服务器开始。首先用你的电脑终端登陆服务器ssh -p 22 root@192.168.234.323,-p 22其实是指定端口,一般默认端口就是22,root是你的服务器名字,我的因为是默认root也没改,后面的ip地址就是你的服务器地址了。你输入完成后终端会提示你输入密码,你输入完服务器密码链接成功后大概就是这个样子。

进入服务器了以后你就可以安装nginx了,这个nginx其实就是web服务器,可以让你能部署web页面的东西。安装nginx的方法其实很简单,yum install nginx就直接安装了,不知道之前为啥在博客里面搜到的是分步安装的方法,这给我好一顿坑……小白还是用这种方式比较简单。安装完成后,你就可以通过ll命令或者ls命令找到nginx.conf,或者conf.d的位置。一般来说它们都在/etc/nginx/nginx.conf的目录下。其中conf.d是一个文件夹,用来放置你的自定义服务器的配置的,如果你这个文件夹里有配置nginx会优先使用这里面的配置。nginx.conf是默认的配置文件,你要配置的web页面的域名和地址就在这里。如图:我因为也没什么自定义好配置的,就直接用的简单的方法修改了nginx.conf里面的内容。到这里你可能需要一点简单的linux命令,vi命令,比如cd ..是返回上一层,:q!不保存退出,等等。我们用vi打开nginx.conf的内容,如图:这里面我们能看到错误日志error_log和连接日志access_log,后面是它们的地址,等以后如果调试的话我们可能会用到。那么下一页这server大扩号里面的内容我们要好好关注一下了,其中的listen后面应该写端口号,别的博客里面一般都指定了什么端口号,我是小白就直接用默认的80端口号。servername就写你的服务器地址,可以写ip地址,也可以写域名,我这里就直接把注册的域名写上了www.lslovexiao.ml。后面也可以给大家看一下。root后面的内容是你上传的打包好的web地址,我这里也是nginx默认的路径 /usr/share/nginx/html,好奇的宝宝可以进去看一下,就是一个html文件。那么假如你都修改完后,退出vi,重启动nginx就可以正常运行了nginx -s reload,请注意假如你要是第一次安装nginx,你一定要先启动再重启,我就是看的别人的博客直接输入的重启命令,结果报了1个莫名其妙的错误,浪费了很多时间。

服务器的步骤大概差不多就这样,我们开始弄网站

上面说了,你需要一个域名,初次尝试我决定申请个免费的,就去freedom里面申请了1个免费的域名。申请域名很简单,但是你要拿这个域名解析服务器的ip,这个步骤很简单,就不写了。剩下的就只是本地打包web上传到服务器里。这里面需要一个命令:

scp /Users/xxxxx/Desktop/htmltitle.cpp root@139.59.250.52:/root/htmltitle
复制代码

这个命令有个正反的问题,我刚在网上查到的时候用起来老是提示我找不到该路径。重点就是你的输入环境,比方说当你前面是【root@vulter nginx]:这就是你在服务器环境,当你前面是你的电脑名时,这个就是在你的本机环境,不同的环境后面的ip地址是不一样的,其实就是把谁当服务器的问题,因为你的电脑也可以是一个服务器,总之按这个命令简单来,这是在你的主机环境下上传文件的命令。

/Users/xxxx/Desktop/htmltitle.cpp是你要上传的文件的地址,mac里面直接拖到终端就可以得到路径。root@139.59.250.52就是你要的服务器的名字和ip地址,后面的/root/htmltitle就是你在服务器里的储存地址。

好了,这些都完成就基本大功告成。如图:

好了,有点简陋,秀一波恩爱,开溜~~

用服务器安装nginx部署web页面相关推荐

  1. Nginx部署单页面应用如何进行配置

    Nginx部署单页面应用如何进行配置 在前后分离的项目中,通常部署的时候也会分开部署,这样便于管理.前端项目一般使用angular,vue或者react来编写,使用build命名来编译,编译之后就是只 ...

  2. docker nginx部署web应用_实战docker,编写Dockerfile定制tomcat镜像,实现web应用在线部署...

    最初在tomcat上部署web应用的方式,是通过maven的maven-compiler-plugin插件先打成war包,再将war包复制到tomcat的webapps目录下,后来用上了tomcat7 ...

  3. 使用Nginx部署前端页面

    nginx搭建静态服务器 如何将自己写的前端静态页面部署到自己服务器 一.购买属于自己的服务器和域名 1.百度搜索腾讯云或者阿里云,对于新人来说一般都有很大优惠的,活动一直都有,新人还有免费试用的. ...

  4. docker nginx部署web应用_docker部署Nginx

    1.拉取Nginx进行 docker pull nginx:latest拉取完成查看:docker images 2.准备工作 先在主机创建工作文件夹,为了挂载配置和静态文件的访问使用 #启动一个容器 ...

  5. Apache与Nginx实现Web页面动静分离(产生的原因,应用场景)

    文章目录 动静分离产生的原因 服务作用场景 实验步骤 配置apache服务 配置Nginx服务器 动静分离产生的原因 Nginx的静态处理能力很强,但是动态处理能力不足,因此,在企业中常用动静分离技术 ...

  6. k8s安装nginx部署前端页面_Kubernetes(k8s)部署并测试nginx service

    创建2个pod的nginx service [root@node1 data]# kubectl run nginx –replicas=2 –labels="run=load-balanc ...

  7. k8s安装nginx部署前端页面_Kubernetes之使用Kubernetes部署Nginx服务

    使用k8s部署Nginx服务,Nginx对外提供服务只希望部署在其中一台主机,该主机不提供其他服务 一.设置标签及污点 为了保证nginx之能分配到nginx服务器需要设置标签和污点,设置标签可以让P ...

  8. k8s安装nginx部署前端页面_怎么在k8s中部署nginx?

    apiVersion: v1 kind: Namespace metadata: name: shujubu labels: name: shujubu 执行文件创建 shujubu命名空间: kub ...

  9. Nginx部署静态页面及引用图片有效访问的两种方式

    nginx安装百度一下有很多,直接正题: 静态文件目录结构 file#文件位置 /home/service/file/ css js images html fonts 配置nginx.conf核心代 ...

最新文章

  1. 解决WebClient或HttpWebRequest首次连接缓慢问题
  2. 常考数据结构与算法:查找第K大元素算法
  3. 重庆云宇宙数据中台:iwemeta.com
  4. tensorflow GPU笔记
  5. SAP CRM HANA report模型的数据库存储表
  6. objective-c(初始化)
  7. IOS_SearchBar搜索栏及关键字高亮
  8. jdbc mysql user_tab_comments_mysql/jdbc:设置useInformationSchema=true读取表注释信息(table_comment)...
  9. 动态规划——背包问题升级
  10. 企业如何快速响应用户需求 且看云徙“数据+业务”双中台化简为繁
  11. 高端大气上档次的官网介绍导航页源码
  12. RS232电平 RS485电平 RS422电平 TTL电平
  13. linux学习入门之Linux系统目录结构
  14. 网易云IM(即时通讯) 登录指南(Android)
  15. Pthread线程基础学习
  16. 卸载steam 桌面图标消失异常
  17. 企业短信防火墙应用-爱侬「北京市家政服务龙头企业」
  18. 22.12.1打卡 漫步校园 记忆化搜索
  19. [渝粤教育] 天水师范学院 地质与地貌学 参考 资料
  20. 爬虫-大学教务系统选修课抢课

热门文章

  1. 脑科学开放日举行,张钹等专家:下一代AI创新要结合脑科学研究
  2. 智能车联,一场「以人为核心」的智能化变革
  3. 【新无人机数据集】从 行人重识别 到 无人机目标定位
  4. SAP-注入“AI基因” 打造全球第一款“智能ERP
  5. 一句话总结LLE(流形学习)
  6. 干货丨达沃斯群英纵论人工智能,核心观点汇总
  7. python入门须知:包、模块、库的含义以及导入以及包下__init__.py的作用
  8. python中字符串前面加一个u或者r的区别
  9. AI芯片的未来之战:“霸主”英伟达真就无人能挡了吗?
  10. Facebook发布AR眼镜研究项目Project Aria