菜鸟成长记-记录云服务器搭建一个网站
腾讯云服务器nginx-1.9.8Linux VM-0-14-centos x86_64
自从在云服务器装了node之后，就感觉离能自己搭建一个网站更进一步了，每天收获一点点，哈哈，菜鸟的开心就是这么简单，今天趁着有时间就记录一下
配置域名解析
为了搭建一个网站又专门申请了一个域名，双十一有活动就买了个搞着玩，其实后来发现直接用公网IP也能访问到，接下来在域名解析列表配置域名解析，并进行实名认证(很快的，个人信息加身份证照片)、备案(其实我还没有备案就可以访问了，不知道是不是只实名认证就可以了)等前续准备工作，一切好了之后，就可以在浏览器打开你的域名进行访问啦，当你兴高采烈的输入网址回车后发现界面显示拒绝访问，哈哈nginx还没装，还得进行一些服务器配置
安装、配置、启动nginx
- 先安装一些必要的依赖
yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel - 创建一个文件夹放nginx配置 我是放在/usr/local下
mkdir nginx - 下载对应版本的nginx包
wget https://mirrors.huaweicloud.com/nginx/nginx-1.9.8.tar.gz - 解压缩
tar -xvf nginx-1.9.8.tar.gz - 进到解压缩后的文件夹中运行configure配置环境
./configure(检测安装平台目标特征根据指定参数和系统环境生成Makefile控制代码) - 紧接着执行make编译并进行安装，可以放在一起执行
make && make install - 配置nginx.conf 就是你mkdir nginx的那个文件夹里面，一般会在/usr/local/nginx/conf/nginx.conf,
vi nginx.conf，进来后你会发现整个文件里有很多配置 但是大多数前面都加了#号都被注释掉的 我们可以不用关心，我们现在关心的是把serve里面的80端口改为不太常用的就行了，有的时候这个端口会被其他的程序占用这个都知道^_^，改好之后保存退出就行了
server {
listen 8088;
server_name localhost;
}
-
启动nginx，我们进到/usr/local/nginx/sbin下执行
./nginx就可以启动了，相应的./nginx -s stop关闭，./nginx -s reload重启，然后在浏览器再次刷新界面就能看到你的界面了，但是这时候你会发现网站里你写的那些中文会变成乱码，看起来真的很不舒服，不要急，我们在去刚刚的那个配置文件里把服务器编码那一行改一下，charset属性的默认配置是koi7-r，我们只要把他配置成utf-8就行啦，记得前面的‘#’别忘了去掉，后面也别忘记加‘;’要不然启动的时候会报错，保存即可，在去重启一下nginx刷新界面就可以看到不是乱码的网站啦。(对了html界面最好也配置一下utf-8编码格式)
这样就算把网站搭起来了，最起码能在网上看到了，是不是，但是这样我们只能修改nginx默认的html文件这有啥意义，下面接着把我们自己的小demo放进来，嗯？代码怎么进来，还是先用git拉下来吧,git呢？自己装一个吧
安装git
yum install git-
git version查看是否安装成功，成功后找一个对应的文件夹放你的代码，git clone一下远程仓库的代码，如果你没有对git进行相应配置，那还得配置一下，代码拉下来后，看自己是否需要打包，如果代码不需要打包或者拉下来的代码就是已经打包好的，下面几步略过 - 写的ng的demo，代码直接拉下来需要自己先build下，对了服务器还没装ng那下面先全局安装一下ng吧
安装angular
npm i -g @angular/cli-
ng v能看到正确的版本就代表ok了
全局安装依赖，打包项目(也可以不用全局装，依赖包也会有，为了其他地方使用)
- 进到项目文件夹进行安装依赖（
npm i、yarn） - 执行打包命令
将打包好的文件复制到nginx的html文件夹下
- 这个要看你打包后的文件放在哪，代码仅供参考
cp -r /root/pc/angular-Heroes/dist/html/* /usr/local/nginx/html - copy完后，在去重启下nginx就可以看到你自己的demo了
但是你正兴冲冲的玩着刚布好的网站时，不小心一刷新，咦怎么变成404界面了，然后狂刷无效，呐 这个时候你还是要去配置‘nginx.conf’文件，关于这一点，曾经发过文章写，那时用的IIS服务器记一次Angular项目打包上线到服务器 刷新404问题，现在用的nginx，只需要加一行代码保存重启nginx就行了
server { ... location / { ... try_files $uri $uri/ /index.html =404; ... } }
下面附上nginx的基本配置截图，既然用了云服务器，就得会一点vim的基本操作命令，公众号回复vi或者vim可以拿到vi/vi键盘图(2006年5月21号fdl翻译，原图地址 )
发现记录的过程还是蛮累的，总是要考虑哪里漏掉了，今天就写这么多吧，每次把代码推上去还得自己手动拉代码打包复制重启服务器，挺麻烦的，过几天空了看下docker部署试试会不会方便点。