自主搭建完整的站点（服务器）

自主搭建完整的站点

在腾讯云上面特价买了一个服务器，然后就想把博客迁移到自己的服务器上。

下面是折腾的过程：

服务器系统：Cen他OS7，

前端框架：Vue.js

域名解析

在域名中添加一条解析记录，记录值是服务器的ip地址。

连接服务器

利用Xshell连接上服务器。

// 刚开的服务器可以更新一下yum
yun -s update

安装Nginx

sudo yum install nginx

在根目录下，新建 data\www 文件夹。

然后再配置nginx.conf：

 server {
        root         /data/www;
        # Load configuration files for the default server block.
        include /etc/nginx/default.d/*.conf;

        location / {
            root   /data/www/blog(你的项目名字)/dist;
            index  index.html;
            // 这里是配置Vue-router的history模式的
            try_files $uri $uri/ /index.html;
        }

        error_page 404 /404.html;
            location = /40x.html {
        }

        error_page 500 502 503 504 /50x.html;
            location = /50x.html {
        }
    }

安装Node.js

因为想安装最新的Node.js。所以我是通过下载源代码，编译安装的Node.js。

// 下载源码
wget https://nodejs.org/dist/v10.16.3/node-v10.16.3.tar.gz
// 解压
tar zxvf node-v10.16.3.tar.gz
// 进入解压目录
cd node-v10.16.3
// 配置
./configure
// 安装
sudo make install

// 查看版本
node -v

安装Yarn

curl --silent --location https://dl.yarnpkg.com/rpm/yarn.repo | sudo tee /etc/yum.repos.d/yarn.repo

// 如果安装了NOde.js,可以跳过这一步
curl --silent --location https://rpm.nodesource.com/setup_6.x | bash -

sudo yum install yarn

yarn --version

服务器拉代码

通过GIt把仓库的代码更新到新建的 data\www下面。我是用 Vue.js 写的项目，所以运行：

git pull

yarn install

yarn build

然后就大功告成。在浏览器输入你的域名，就可以看到你写的页面了。

---

https

如果想用https的可以去看看腾讯云的文档。

注意：https默认端口是443，不能用80。

升级GCC

再安装的过程中可能会跟我一样遇到说gcc版本太低的错误。

可以用yum来升级gcc，目前只能升级到7.3，不过对我来说够了。如果你想使用特定版本或者最新版的自行百度源码编译。

yum install centos-release-scl -y
yum install devtoolset-7 -y
scl enable devtoolset-7 bash
gcc --version

// 在centos的devtoolset库中 最新的为 devtoolset-7，所以我们以后可以自己改数字安装最新的版本
// scl enable devtoolset-7 bash 如果使用的是zsh则使用
// scl enable devtoolset-7 zsh
// 如果不知道什么是zsh那么默认的就好了

安装Mongodb

至于为什么用 Mongodb 是因为有一个免费的沙盒，有512MB大小，自己可以随便玩。

安装流程请看文档中心。

欢迎浏览我的个人网站