从零搭建Hexo博客并部署阿里云服务器(奶妈级教学)
前言
前天刚买了个云主机,就开始学着搭博客了,参考了挺多大手的博客,最终还是选择使用Hexo来作为自己的博客框架。测试结束了,今天也将自己搭博客过程中踩过的坑做一个输出,希望对有想法要做自己的博客的同学们有一些帮助。
一、云服务器和域名的购买
云服务器
服务器我选择的是阿里云这边的,由于自己是学生所以体验了一把阿里云的云翼计划,当然阿里云和腾讯云的价格都差不多,同学们可以自行选择。
域名
域名可以上万网自己找自己喜欢的,在这里要说的是,如果是国内的域名是要备案的,我的域名也正在备案当中,大概是6-20个工作日,如果不想等的同学可以购买国外的域名。
二、关于云服务器的操作
1.配置安全组规则
由于阿里云是默认不授权80端口的访问的,所以我们要手动配置。
打开阿里云服务器管理控制台->点击左侧安全组->点击右侧的配置规则->点击添加安全组规则
如下图
这是个大坑,如果不设置就无法访问服务器,所以放在第一点说。
2.配置服务器环境
1.服务器环境搭建
我们需要nginx作为我们的服务器,所以我们首先要安装nginx。可以使用yum命令直接进行安装。
安装执行命令如下
yum install -y nginx
启动服务器:
systemctl start nginx
systemctl enable nginx
我们要记住的是/etc/nginx/是nginx默认的配置路径,一会要用到。2.配置服务器路由
安装并启动服务器后,我们就完成了第一步,现在我们可以尝试使用自己的电脑去访问服务器的公网IP。我们可以惊喜地发现,公网IP可以打开一个nginx的默认网页。这样,我们就成功了第一步。
但是我们实际上是想要让这个地址指向我们的博客,而不是nginx的默认网址,这就需要我们去配置nginx的配置文件。我在配置的时候在网上查到的关于nginx配置文件的有关资料,大部分关于centOS的资料都是说配置位于etc/nginx/conf.d/ 下的dafault.conf 这个配置文件,但是我在配置的时候并没有找到它,后来查看了一下文件结构,阿里云默认的库下载的是fedora版本的nginx,所以我们应该配置的是位于 etc/nginx/ 下的 nginx.conf 。
我们先不急着打开这个文件,因为我并不建议直接配置这个文件,我们应该先创建一个新的文件,然后采用include的方式,将这个文件包含进nginx.conf中。
操作如下:
在/etc/nginx/目录下创建一个文件夹 叫 vhostcd /etc/nginx mkdir vhost cd vhost vim blog.conf
编辑 blog.conf文件内容
server{listen 80;root /home/www/website;这里填博客目录存放的地址server_name 这里填域名如(www.baidu.com) 如果暂时没有域名就填阿里云的公网ip,以后有了再改回来;location /{} }
保存并退出
:wq
打开/etc/nginx/目录下的nginx.conf文件
vi /etc/nginx/nginx.conf
如果以后还想添加新的网站,也可以在vhost目录下新建一个conf配置文件。在刚才我们自己写的blog.conf配置文件中root的路径相应路径建立博客的目录:
cd /home mkdir www cd /www mkdir website
这样我们就可以得到 /home/www/website 作为博客的根路径,就和配置文件中的路径对应上了。
3.安装Git以及Node.js
1.安装Node.js
安装nodejs有很多种方式,我这边就说一种
curl -sL https://rpm.nodesource.com/setup_10.x | bash - yum install -y nodejs
安装完成后执行 node -v 和 npm -v 如果打印版本号则安装成功
[root@localhost /]# node -v v10.9.0 [root@localhost /]# npm -v 6.2.0
2.安装Git及配置仓库
这一部分主要目的是让我们个人的电脑可以通过ssh方式连接到云服务器,然后我们就可以通过命令行方式将我们的博客Po到服务器上。操作如下:
安装git:
yum install git
配置git用户
adduser git
修改用户权限:chmod 740 /etc/sudoers vi /etc/sudoers
找到这个位置添加下面这句话
git ALL=(ALL) ALL
保存退出后 将sudoers文件权限改回原样
chmod 400 /etc/sudoers
设置git用户的密码
sudo passwd git
切换到git用户,然后在~目录下创建.ssh文件夹su git cd ~ mkdir .ssh cd .ssh
生成公钥密钥文件(这一步很重要,也是我踩过的坑)
ssh-keygen
此时在目录下就会有两个文件,分别是
id_rsa 和 id_rsa.pub
其中 id_rsa.pub 就是公钥文件 我们复制一份
cp id_rsa.pub authorized_keys
这样目录下就会有一个authorized_keys文件,它和id_rsa.pub一模一样。
最后我们修改它的权限chmod 600 ~/.ssh/authorized_keys chmod 700 ~/.ssh
然后我们在自己的电脑上自己的电脑上自己的电脑上(重要的事说三遍),打开cmd,使用ssh方式连接我们的云服务器。
最后提示
Welcome to Alibaba Cloud Elastic Compute Service !
说明登录成功了。
现在我们要创建一个git的仓库,并且新建一个post-receive文件,操作如下:cd ~ git init --bare blog.git vi ~/blog.git/hooks/post-receive
输入以下内容:
git --work-tree=/home/www/website --git-dir=/home/git/blog.git checkout -f
保存退出并授予该文件可执行权限
chmod +x ~/blog.git/hooks/post-receive
至此我们就完成了所有关于服务器端的配置。、
三、关于本地主机的操作
1.安装Node.js
下载地址:Node.js
安装过程基本直接 下一步 就可以了。
安装完成后使用cmd查看是否安装成功node -vv10.16.2npm -v6.9.0
2.安装Hexo
由于使用npm直接下载会有很多人遇到卡顿的问题(国外服务器),所以我们要做的第一步工作是将npm换成淘宝的服务器。
cmd输入下面的命令:npm config set registry https://registry.npm.taobao.org # 然后安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org
接下来就直接安装 hexo
cnpm install -g hexo-cli
然后我们选一个目录用来初始化博客程序
例如G:/Blogcmd输入:
G: cd Blog hexo init
执行成功后安装两个插件
npm install hexo-deployer-git --save npm install hexo-server
之后我们就可以在自己的本机上查看自己的博客了
hexo g hexo s
打开浏览器访问 http://localhost:4000
3.配置_config.yml完成服务器的部署
在刚才生成hexo的目录下,找到_config.yml,打开它。
找到deploy 做如下配置deploy: type: git repo: git@这里改为服务器公网IP:/home/git/blog.git branch: master message:
保存退出
然后尝试写一篇文章并且发布到服务器上hexo new "Hello My First Blog" hexo clean && hexo generate --deploy
在服务器上重新运行nginx服务器
nginx -s reload
四、完成部署
完成部署后可以去Hexo主题下载自己喜欢的主题,美化博客。
现在去本地主机浏览器上输入域名或者公网IP,访问你的博客吧!
五、结语
欢迎大家访问我的个人博客:Object’s Blog
从零搭建Hexo博客并部署阿里云服务器(奶妈级教学)相关推荐
- 搭建hexo博客并部署到github上
hexo是由Node.js驱动的一款快速.简单且功能强大的博客框架,支持多线程,数百篇文章只需几秒即可生成.支持markdown编写文章,可以方便的生成静态网页托管在github上. 感觉不错. 前端 ...
- 博客开发日记-阿里云服务器linux系统安装mysql
mysql下载地址 下载对应操作系统的压缩包 进入linux系统的顶级目录 cd .. 进入 usr/local 目录 cd ./usr/local/ 将下载好的mysql安装包 上传进来 解压.xz ...
- 安装Hexo博客并部署到GitHub或云服务器(细节教程,越过各种坑)
前言 心血来潮买了云主机,浪费了几个月都没用,然后就学着搭建博客,对比了一下 WordPress 和 Hexo 之后,随性选择了以 Hexo 为框架搭建博客平台. 经过了几次的从零开始,遇到了各种各样 ...
- 史上最详细“截图”搭建Hexo博客——For Windows
http://angelen.me/2015/01/23/2015-01-23-%E5%8F%B2%E4%B8%8A%E6%9C%80%E8%AF%A6%E7%BB%86%E2%80%9C%E6%88 ...
- 搭建hexo博客历程二- Gitee版 (主要 解决404和样式丢失)
前期的GitHub版搭建hexo博客 前期的node .hexo等等都已经配置完成,只需要在Gitee上建库,以及修改一些配置.继续依葫芦画瓢,在Gitee上画出来.例如 https://gitee. ...
- 阿里云Serverless 极速搭建Hexo博客
阿里云Serverless 极速搭建Hexo博客 阿里云Serverless 极速搭建Hexo博客 地址 开通函数计算服务 安装Serverless Devs命令行工具 安装Node.js环境. 解压 ...
- 腾讯云搭建hexo博客
title: 腾讯云搭建hexo博客 tags: hexo,腾讯云 文章目录 title: 腾讯云搭建hexo博客 tags: hexo,腾讯云 @[toc] 1. 腾讯云 学生认证购买 重置密码和网 ...
- python公众号留言功能_搭建hexo博客给公众号制作留言功能
大家都知道,18年3月份后注册的公众号都不给留言功能了,作为主要以技术文章为主的公众号,没有留言功能真是不方便.周末这两天我就一直在折腾这个留言功能,借助博客的留言功能,放在阅读原文里.昨天晚上终于折 ...
- 搭建hexo博客给公众号制作留言功能
此文首发于公众号 「Python知识圈」,欢迎直接去公众号观看. 阅读文本大概需要 5 分钟. 大家都知道,今年注册的公号都不给留言功能了,作为主要以技术文章为主的公众号,没有留言功能真是不方便.上周 ...
最新文章
- Bing地图REST服务
- 使用ffmpeg对视频进行TS切片
- 【Python】青少年蓝桥杯_每日一题_9.27_输出最大值最小值平均值
- mybatisplus or查询_MybatisPlus的各种查询方式
- JavaScript-操作DOM对象-获得dom节点
- python3.6 django部署_Apache2+Django+Python3.6部署-
- maven 整体打包_Maven打包方式整理
- 微擎 php开发手册,目录结构
- 基于SSM的新闻管理系统
- vim编辑器在Linux系统中的用法
- mtk 充电出错问题
- C++ 二进制读入和Minist图片展示
- qemu启动openEuler Embedded镜像
- 门店数字化转型| 美容院管理系统
- 转:你不快乐是因为年少时得不到忘不了
- 【java常见面试题】
- 高斯模糊(高斯滤波)的原理与算法
- Android apktool使用中遇到的问题
- IE8 松散耦合进程框架(Loosely-Coupled IE (LCIE)--特性介绍
- 大数据分析、机器学习、智能化等概念梳理