本文将介绍如何在云服务器上部署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
启动服务器,即可看到更改。