有了自己的服务器之后,得玩起来,将自己的博客搭建起来吧。怎么个玩法呢?
1、安装各种环境,其中LNPM大礼包(里面会有坑,会默认创建用户)。
2、安装NPM,各种命令会用到;
3、绑定域名解析,让你的网址能指向你的服务器;
4、从GitHub上拉取你之前在github.io上存储的博客源文件(我这里使用的hexo模板);
5、在nginx里修改配置,让访问内容能够指向你拉取下来的博客源文件;
6、在GitHub上配置webhooks,能够在你更新推到GitHub上后及时更新网页。
一、安装LNMP环境
不想一个一个服务去慢慢装,那就来个大礼包吧。
安装教程地址:https://lnmp.org
1、概念
LNMP,即为Linux+Nginx+PHP+MySQL。Nginx提供web服务,PHP为接下来的WordPress页面提供PHP环境,MYSQL提供数据库支持。安装完了这个环境才可以正常提供web服务,让你服务器上的网页能够被任何电脑和终端访问。
2、步骤
1、按照前文写过的方式连接上自己的服务器;
2、输入命令wget http://soft.vpser.net/lnmp/lnmp1.5.tar.gz -cO lnmp1.5.tar.gz && tar zxf lnmp1.5.tar.gz && cd lnmp1.5 && ./install.sh lnmp
3、会让你选择MySQL版本,这里选择5.7.22,因为8.0版本的安全机制很麻烦。(注意:安装MySQL 5.6或5.7及MariaDB 10必须1G以上内存)
接着会让你设置数据库密码,自己设置一个吧
4、选择PHP版本,这里选择7.0以上版本(注意:安装PHP 7及以上版本必须1G以上内存!)
5、询问是否安装内存优化,这里直接enter,默认不安装
6、这个时候就会开始自动各种下载安装了,有点要注意,整个过程耗时较长,我这里用了183分钟......
而且因为这里不是后台执行的命令,所以不要关闭当前命令窗口,也不要让你的电脑休眠。。。免得重头再来。
3、测试
打开浏览器,输入你的服务器IP地址,如果出现以下界面,代表安装成功二、绑定域名解析
别人在访问你的博客时,不可能让别人输入你的IP地址去访问,对吧?
一般输入一个网址之后,要通过域名解析,将这个网址指向你的服务器IP地址,这样就可以达到浏览对应内容的目的。
1、域名注册
这个就不说了,自己去阿里云上买个域名,.com
域名需要备案,一般一两周审核时间,买个别的后缀的,比如.tech
这种。
2、设置解析
买好域名之后,点击域名右边的解析选项添加记录
3、测试
在浏览器中输入你自己的域名,如果界面显示为和刚才输入IP显示一样,则代表绑定成功。
三、安装npm
1、添加Node.js PPA
首先,需要在我们的系统中由Nodejs官方网站提供node.js PPA。如果尚未安装,我们还需要安装python-software-properties软件包。您可以选择安装最新的Node.js版本。
最新版安装命令:
curl -sL https://deb.nodesource.com/setup_9.x | sudo bash -
2、安装Node.js和NPM
添加所需的PPA文件后,可以安装Nodejs包。NPM也将与node.js一起安装。该命令还会在系统上安装许多其他相关软件包。
apt-get install nodejs
安装完成就可以使用node -v
查看nodejs版本, npm -v
查看npm版本。
四、从GitHub拉取博客代码到服务器
1、创建一些文件夹,用以区分不同业务分块
创建一个用户文件夹,mkdir user_xxx
,同理在其下再创建一个blog文件夹,再创建一个装git的文件夹mkdir git_public
,路径也就是user_xxx/blog/git_public
2、拉取项目
cd 到git_public
目录下,git init
,然后把你的项目地址拉下来吧:
git remote add origin https://github.com/xxxxx/xxxx.github.io
git pull origin master
五、修改nginx配置
之前安装过LNMP,里面就包含了NGINX,先找到配置文件地址:cd /usr/local/nginx/conf
,里面有个nginx.conf
文件,打开,vim nginx.conf
1、更改默认用户
由于使用LNMP安装的nginx,所以这里默认用户是一个什么www,这里删掉,改成root用户(如果你没有设置或者切换过用户的话),如果不改用户会报403错误的哦!
2、更改server配置信息
第一行:监听端口改为80
第三行:
server_name
改为你自己的域名(www.xxxxxxx.com)第四行:改为单一的
index.html
,因为你显示的就只有这个,我这里直接注释掉了,因为默认就是这个第五行:用户这里指向路径一定要写对,
root /root/user_rc/blog/git_public;
之前因为这个路径问题一直404,原因是root前面没加/
。。。。再改后面的location的内容,使用LNMP的话生成的条件限制贼多,而且没用,这里统一改成我这个即可,限制用户已经字符格式等等。
location /
{
root /root/user_rc/blog/git_public;
charset utf-8,gbk;
autoindex on;
autoindex_exact_size off;
autoindex_localtime on;
}
3、保存信息
保存了nginx.conf
文件配置时,有时候会因为网络问题导致断开服务器连接,这里就会有个注意点,等你下次再连上打开这个文件时,他会告知你文件被中断过,此时选择reboot
即可,然后在这个配置文件nginx.conf
的同级目录下多了一个.swip
文件,把他删掉,不然等你每次修改nginx.conf
时都会弹错误提示。
4、测试
拿你的域名去试试吧,如果显示出了你的hexo内容那就ok啦!
一般只会遇到前面提到的403 404的问题,改完问题,记得重启nginx:restart nginx
有新的问题可以留言共同探讨。
六、GitHub上设置webhooks,实时更新网页
todo....
网友评论