征文投稿丨基于轻量应用服务器搭建Hexo个人博客

本文涉及的产品
云服务器 ECS,每月免费额度200元 3个月
云服务器ECS,u1 2核4GB 1个月
云服务器(按量付费),48vCPU 186GiB
简介: 阿里云开发者社区专家博主推荐

本文来自于轻量应用服务器征文活动用户投稿,已获得作者(昵称海拥,阿里云开发者社区专家博主)授权发布


去年(2021年)七月份我开始自己第一次搭建博客,从网上找了一些教程,了解到大概需要的几个步骤,需要用到服务器、域名然后再进行域名备案等 。阿里云的服务器在大众口碑中一直是最好的,于是我就进了阿里云官网。阿里云为新用户提供了很大的优惠,最后我选的是轻量应用服务器,99块一年,2核2GB,5Mbps限峰值带宽,对于我来说已经足够了。

图片1.png


刚开始用的时候我选的 Wordpress 应用镜像,Windows系统镜像,根据应用搭建中的几个步骤完成了基本的配置。博客的主题我换了很多种,里面几乎所有的主题我都试了一遍,但其实还是没有令我特别满意的。后来在朋友的帮助下,最近我试了一下用Hexo 框架搭建,并且使用了butterfly的主题,最终的效果是一个二次元风格的,我很喜欢。


接下来重点介绍基于轻量应用服务器搭建Hexo博客的详细步骤及butterfly主题的安装,一起来看看吧。


使用轻量应用服务器搭建Hexo


本次个人博客大致的搭建步骤如下:


  •  配置轻量应用服务器
  •  服务端安装 Node.js
  •  服务端安装 Git
  •  服务端安装 Nginx
  •  客户端安装 Hexo
  •  客户端配置免密登录
  •  服务端创建 Git 仓库
  •  Hexo 主题配置


看起来步骤还有点多,但每一小步都很简单,非常容易操作上手。


1.配置轻量应用服务器


阿里云的轻量应用服务器提供了非常多样化的镜像选择,来满足不同用户的需求,非常方便。搭建的第一步,将系统镜像重置为CentOS7.9 系统,然后重置实例密码、配置安全组策略;配置好之后,复制一下公网IP,就可以开始建站了。


2.服务端安装 Node.js


① 在本地客户端使用 ssh 连接阿里云服务器公网IP:


ssh root@公网IP


:公网IP可以登录控制台后,点击详情,在“服务器信息”中查看,如下图:

公网IP.jpg


② 一键式安装配置 Nodejs:


cd /tmp && wget https://nodejs.org/dist/v17.5.0/node-v17.5.0-linux-x64.tar.xz
tar xf node-v17.5.0-linux-x64.tar.xz
mv node-v17.5.0-linux-x64 /usr/local/node
ln -s /usr/local/node/bin/node /bin/node
ln -s /usr/local/node/bin/npm /bin/npm
echo 'export PATH=/usr/local/node/bin:$PATH' >> /etc/profile
source /etc/profile
node -v
npm -v


3.服务端安装 Git


一键式安装 Git代码如下:


yum install -y curl-devel expat-devel gettext-devel openssl-devel zlib-devel gcc perl-ExtUtils-MakeMaker
cd /tmp && wget https://www.kernel.org/pub/software/scm/git/git-2.9.5.tar.gz
tar xf git-2.9.5.tar.gz
cd git-2.9.5 && make all prefix=/usr/local/git
make install prefix=/usr/local/git
echo 'export PATH=$PATH:/usr/local/git/bin' >> /etc/bashrc
source /etc/bashrc
git version
git config --global user.name "你的账号"
git config --global user.email "你的邮箱"


执行完就安装成功了,要注意的是客户端也需要安装一下 Git,图形化一直下一步就行。


4.服务端安装 Nginx


① 一键式安装 Nginx代码:


yum install -y gcc gcc-c++ pcre pcre-devel zlib zlib-devel openssl openssl-devel
cd /tmp && wget http://nginx.org/download/nginx-1.9.9.tar.gz
tar xf nginx-1.9.9.tar.gz
cd nginx-1.9.9 && ./configure
make && make install


② 配置 Nginx 服务:


## 创建 hexo 博客存放位置
mkdir /data/blog
## 修改 Nginx 配置文件
vi /usr/local/nginx/conf/nginx.conf
## 修改配置文件中以下几点
## 1、server_name,修改域名或ip
server_name  服务器公网IP;
## 2、root index.html,修改为 hexo 博客存放的位置
root /data/blog


③ 打开 Nginx 服务:


cd /usr/local/nginx/sbin
# 启动 nginx
./nginx


至此 Nginx 也安装完成。


5. 客户端安装 Hexo


Hexo 也是一键式安装,安装前,设置一下 npm 源:


npm config set registry https://registry.npm.taobao.org
## 安装 hexo
npm install -g hexo-cli
hexo -v


本地客户端创建 Hexo 博客目录并初始化启动博客:


## 本地创建一个目录用于存放博客
hexo init
hexo g
hexo s


启动之后本地浏览器 localhost:4000 访问一下是否成功。


6.配置免密登录


配置本地客户端与阿里云服务器端的 ssh 免密登录,方便上传仓库时一键式上传。


在本地客户端生成并上传公共密钥:


## 执行完之后一直回车就行
ssh-keygen
## 上传公共密钥到阿里云服务器
ssh-copy-id root@阿里云公网IP
## 测试是否已免密
ssh root@阿里云公网IP


如果无需密码即可登录,说明已经配置完成。


7.服务端创建 Git 仓库


服务器上创建一个 Git 仓库,该仓库中新建一个 post-receive 钩子文件。

cd ~
git init --bare hexo.git
vi ~/hexo.git/hooks/post-receive
## 填写以下内容,其中的--work-tree 为 hexo 博客目录
git --work-tree=/data/blog --git-dir=/root/hexo.git checkout -f
## 授予钩子文件可执行权限
chmod +x ~/hexo.git/hooks/post-receive
chmod -R 777 /data/blog


至此,Git 仓库创建并配置完成,对应的本地客户端也需要配置一下!


在本地计算机 hexo 的工程目录下,找到 _config.yml,对 deploy 参数进行修改。


# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git
  repo: root@公网IP:/root/hexo.git
  branch: master


在本地计算机安装插件: hexo-deployer-git 和 hexo-server,插件的作用分别是使用Git自动部署,和hexo本地简单的服务器:


npm install hexo-deployer-git --save
npm install hexo-server
## 配置全局变量
git config --global user.name "你的账号"
git config --global user.email "你的邮箱"
## 生成发布 Hexo 博客
hexo clean
hexo generate
hexo deploy


此时,便可以通过浏览器访问 http://阿里云公网IP 进入 hexo 我的博客主页了。


至此我们就搭建完成了Hexo,现在还只能看到最基础的模板:

图片2.png


我采用了一款好看的主题 Butterfly,下面两张是我网站的截图,看看效果:

图片3.png

图片4.png


Butterfly 主题安装


1.Butterfly主题安装


以下三种方式任选一种


① Github安装


在你的 Hexo 根目录里执行:


git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly


② Gitee安装


在你的 Hexo 根目录里执行:


git clone -b master https://gitee.com/immyw/hexo-theme-butterfly.git themes/butterfly


③ NPM安装


在你的 Hexo 根目录里执行:


npm i hexo-theme-butterfly


2.应用主题


修改 Hexo 根目录下的 _config.yml,把主题改为 butterfly:


theme: butterfly


3.安装插件


如果你没有 pug 以及 stylus 的渲染器,请下载安装:


npm install hexo-renderer-pug hexo-renderer-stylus --save


到此Butterfly 主题就安装完成了,具体配置在网络上也有更多的教程,大家可以自行查找相关资料并应用。


Hexo博客搭建总结


刚开始搭建网站时遇到一些困难,例如给网站配置Twikoo评论的功能,困扰了我一个星期,差点快放弃,好在后来在朋友以及百度的帮助下,一个一个全都解决了。


对于服务器的使用,当时选择买的“2核2GB,5Mbps限峰值带宽”的轻量应用级服务器,其配置用来做博客挺好的。作为一个在某技术社区拥有几万粉丝的小博主,也会有粉丝来咨询我的个人博客网站搭建的事情,我也都会推荐阿里云的这款产品,理由很简单:好用、够用而且实惠


点击参与征文投稿,查看全新升级的轻量应用服务器征文活动,奖励更丰富,月月可投稿。


相关实践学习
从零搭建Spring Boot的Hello World
本教程将使用IntelliJ IDEA搭建一个简单SpringBoot项目,在项目中运行一个Hello World请求示例,并部署到阿里云服务器ECS上。
相关文章
|
10月前
|
弹性计算 关系型数据库 MySQL
个人博客的云端之旅:体验ECS与云数据库RDS MySQL Serverless
借助阿里云的云服务器ECS和RDS MySQL Serverless,搭建属于自己的云端博客。
146 40
|
18天前
|
域名解析 弹性计算 数据安全/隐私保护
阿里云ECS免费搭建WordPress个人博客网站
阿里云ECS免费搭建WordPress个人博客网站
512 2
阿里云ECS免费搭建WordPress个人博客网站
|
18天前
|
存储 前端开发 搜索推荐
在自己的服务器上部署个人博客和开源项目:实现数字存在感
在自己的服务器上部署个人博客和开源项目:实现数字存在感
|
7月前
|
数据库 容器
本地电脑搭建web服务器、个人博客网站并发布公网访问 【无公网IP】(1)
本地电脑搭建web服务器、个人博客网站并发布公网访问 【无公网IP】(1)
166 0
|
9月前
|
弹性计算 关系型数据库 数据库
使用ECS和RDS搭建个人博客
本场景将教你使用一台基础环境为Alibaba Cloud Linux 3的云服务器ECS结合RDS MySQL数据库,来部署WordPress个人博客。
171 0
|
9月前
|
弹性计算 关系型数据库 数据库
使用ECS和RDS搭建个人博客
本场景介绍使用ECS和RDS MySQL数据库搭建个人博客。
135 0
|
9月前
|
弹性计算 关系型数据库 数据库
使用ECS和RDS搭建个人博客及搭建心得
在互联网时代,博客对于个体的价值非常重要。首先博客为个体提供了表达自己的平台。无论是个人的兴趣爱好、专业知识还是独特观点,博客可以让个体有机会将这些想法和经验分享给全世界。通过博客,我们可以借助文字、图片、视频等多种形式,以自由的方式表达自己的观点,丰富网络上的内容。同时博客可以帮助我们建立个人品牌和专业形象,通过持续地发布优质内容,提升个体的声誉和影响力,读者也可以通过评论、订阅等方式与博主进行互动,不仅可以增加博客的曝光度,还可以建立起粉丝群体,形成一个积极的社区。
275 4
使用ECS和RDS搭建个人博客及搭建心得
|
10月前
|
弹性计算 安全 关系型数据库
使用ECS和RDS搭建Wordpress个人博客
hello,我是无夜,我呢,一直想拥有完全属于自己的博客。今天,它来了!我将使用ECS和RDS搭建个人博客,跟着我的步骤,你也能搭建自己的个人博客!
|
10月前
|
弹性计算 关系型数据库 PHP
构建云上个人博客:ECS、RDS与WordPress的快速搭建与优化指南
本指南将带您探索如何快速搭建个人博客,从开通ECS和RDS,到软件部署(Apache、PHP、WordPress)及WordPress配置优化,展示从零开始搭建具有稳定性和性能的个人博客之路。
509 4
|
10月前
|
弹性计算 关系型数据库 PHP
初试搭建个人博客(使用ECS和RDS)
初试搭建个人博客(使用ECS和RDS)
184 2
初试搭建个人博客(使用ECS和RDS)

相关产品

  • 云服务器 ECS
  • 轻量应用服务器