摘要:面对用成熟的WordPress+Avada就可以建出一个非常好的网站的年代为什么我选择用Hexo建站呢?首先,是因为穷!!!面对很多大佬动辄百元一个月的VPS虚拟云主机,我这个每个月两位数的实在不能达到WordPress成熟的运行效果,网站数据库、PHP等的配置等都是longtime service版本。当然需要WordPress建站的可以看newlearnerの小站的LNMP环境下搭建WordPress站点相关教程进行建站。其次,Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。具有占用小、效率高、运行快等优点。当然有人选择挂载在GitHub上也是可以的,当然我是因为我的VPS在搭梯子,毕竟价格在那,只用来搭梯子也太浪费了,所以我把VPS也利用起来建站了。说白了还是因为”穷”
准备工作
1、一台安装系统为Debian的VPS虚拟主机。
2、一个已经解析的域名。
3、一台mac电脑
一、配置本机端及安装Hexo
本机端
1、安装Node.js和Git
本人使用OSX系统故以mac系统下terminal为工具建站。
1 | brew install git |
检验是否安装好Noje.js和Git
1 | git |
2、安装hexo
terminal(终端)cd 到指定目录下
1 | npm install hexo-cli -g |
安装完成后可以按住command键用鼠标左击 **http://location:4000/**本地运行查看效果。
二、配置VPS端环境
1、服务器端我选择的是Debian+Nginx环境。
Ps:①至于为什么用VPS端用Debian不用centos,因为我用搭梯子用Debian省的换内核了就是这么简单。
②至于为什么选择Nginx,当然是因为Nginx 是一个高性能的 HTTP 和反向代理服务器,同时也是一个 IMAP/POP3/SMTP 代理服务器。
2、为了方便下文的我vps端的ip地址我都用192.168.1.1来表示。当然有人可能说用ssh登陆到vps每次都用输入密码很烦,当然你可以用公钥登陆,至于详细教程推荐newlearnerの小站的如何安全高效地使用SSH管理VPS这样省的每次都要输入密码登陆。(禁止root用户那一步跳过,因为为了省事,虽然这是不符合安全规范)
1、ssh登陆到VPS的root用户下
1 | ssh root@192.168.1.1 #如配置好端口请用ssh -p xxxx root@192.168.1.1 登陆 |
2、安装Nginx
1 | apt-get install nginx |
3、启动Nginx
1 | service nginx start |
测试虚拟主机的运行状态
Nginx常用配置参数
1 | service nginx start | stop | restart | reload | status | |
4、配置vps
创建虚拟主机配置文件
在 /etc/nginx/conf.d/ 创建虚拟主机配置文件 hexo.conf,直接输入
1 | vi /etc/nginx/conf.d/hexo.conf #hexo可以设置成自己需要的名字 |
如果不需要部署SSL证书请输入以下代码。
1 | server { |
如过需要部署SSL证书请输入以下代码。至于SSL证书如何部署请看newlearnerの小站的Centos7 Apache环境下申请和安装SSL证书相关教程进行部署。
1 | server { |
重启 Nginx服务器,让服务器设定生效。
1 | service nginx restart |
如果执行以上命令时出现如下错误
1 | Job for nginx.service failed because the control process exited with error code. |
执行
1 | nginx -t |
如果继续出现如下错误
1 | nginx: [emerg] a duplicate default server for 0.0.0.0:80 in /etc/nginx/sites-enabled/default:22 |
那么执行以下命令进入到sites-enabled目录下
1 | cd /etc/nginx/sites-enabled |
再执行以下命令删除default文件
1 | rm default |
再次执行
1 | nginx -t |
出现如下代码时说明你已经配置成功了!!!
1 | nginx: the configuration file /etc/nginx/nginx.conf syntax is ok |
重启 Nginx服务器,让服务器设定生效。
1 | service nginx restart |
查看nginx的状态
1 | service nginx status |
进入浏览器输入自己的域名,能看到以下页面就表示虚拟主机配置成功。
三、部署本地Hexo到虚拟机主机端
1、用rsync部署
相比较网上极力推荐的git hook方式部署Hexo到虚拟机主机端,rsync这个操作对于刚刚建站的小白更简单、方便、粗暴。其效果和git hook等同。
第一步:虚拟主机端部署
1 | apt-get install rsync |
相对于Digital Ocean Ubuntu VPS,大多数的Linux系统已经默认装有
rsync
了,可以运行rsync
测试下是否已经安装。
第二步:本机端部署
1 | npm install hexo-deployer-rsync --save |
2、rsync配置
编辑博客目录下_config.yml
非themes主题下的_config.yml
找到deploy填写如下代码。
1 | deploy: |
3、配置完成后,cd到博客所在目录输入以下代码,将部署本地渲染网页到服务器上。
1 | sudo hexo g -d |
4、见证成果
在浏览器中输入自己的域名,看到如下画面证明你已经成功完成了Hexo博客的搭建。尽情开始你的个人博客创作吧!!!👏👏👏👏
- 本文标题:基于Debian系统的VPS-Hexo建站
- 本文作者:Tankey
- 创建时间:2019-09-04 23:05:21
- 本文链接:https://www.itestv.com/2019/09/04/hexo/
- 版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!