云服务器部署Hexo博客并修改主题为Ayer

本文将介绍如何在云服务器上部署Hexo博客并切换自己的主题为Ayer。

第一步:安装Node.JS
Hexo以Node.JS为基础,所以需要先安装Node.JS。
在Windows系统下:

打开Node.JS官方的下载界面,下载最新的Windows安装包。


直接点击大大的"Windows Installer"即可。


同意协议,一路Next即可

在Linux系统(此处以Ubuntu为例)下:

雨云的大多数Linux版本均已预装Node.JS,无需再次安装。但是,请确认您是否选择了预装的镜像。
输入 npm ,如果出现下图输出,即证明Node.JS已安装。


如果出现
bash: npm: command not found
就需要另外安装。
以Ubuntu为例:

sudo apt update
sudo apt install nodejs npm

其他系统请自行查询软件包安装方法。

第二步:安装hexo
在管理员模式(windows)或sudo(Linux)中运行:
npm install hexo-cli -g

国内下载如果较慢,请使用
npm config set registry https://mirrors.cloud.tencent.com/npm/
切换镜像安装。

安装完成之后,选择一个目录作为您博客的目录,运行
hexo init blog


出现如图信息即初始化完成。切换至博客文件夹,运行

hexo g
hexo s

即可启动博客。在终端中可以查看地址:

默认效果如下:

第三步 切换主题
不一定所有人都喜欢内置的默认主题,因此在此讲解切换主题的方式。
前往Hexo官方的主题库找一个喜欢的主题

可以点击每个主题下方的"View preview site"访问示例网站。

找到喜欢的主题后,点击主题名,根据主题提供的下载教程下载。

大多数hexo主题托管于Github。但是由于大陆防火墙,Github在国内的访问并不稳定。如遇无法打开或下载太慢,可以在github的链接中将"https://github.com"替换为"https://kkgithub.com"。

这里推荐一个“Ayer”主题:示例
下载链接
使用 npm i hexo-theme-ayer -S 即可安装。
安装完成之后,打开博客的config,yml,将theme改为ayer并保存,如图


重新生成页面并启动服务器即可看到博客。

您可以自行探索主题的配置文件,以实现新功能、新背景、新分类等功能。

第四步 创建博客
由于此步骤过于繁杂,故此处只列出基础功能。请前往官方文档了解更多。

运行hexo c [标题]创建文章。Hexo将为对应文章生成md文件。摘官网说明如下:

默认情况下,Hexo 使用帖子标题作为文件名。您可以编辑设置以更改默认文件名。例如,将在文件名前面加上创建后日期。您可以使用以下占位符:new_post_name _config.yml :year-:month-:day-:title.md

即:在博客的source/_posts中按照文章名生成md文件,编辑此文件即可。

使用MarkDown编辑.

编辑完成后,输入

hexo g
hexo s

启动服务器,即可看到更改。