如何将Hexo博客更换成新的主题样式?

2026-04-28 14:422阅读0评论SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计578个文字,预计阅读时间需要3分钟。

如何将Hexo博客更换成新的主题样式?

替换Hexo主题非常简单,只需在`themes`文件夹内新增一个任意命名的文件夹,并在根目录下的`_config.yml`文件中修改`theme`设置即可。具体步骤如下:

1. 在`themes`文件夹内,新建一个任意命名的文件夹,例如`new-theme`。

2.在根目录下的`_config.yml`文件中,找到`theme`配置项,将其值修改为新的文件夹名,例如:

theme: new-theme

完成以上步骤后,Hexo站点将使用新的主题。

更换 Hexo 主题非常容易,只要在 themes 文件夹内,新增一个任意名称的文件夹,并修改 _config.yml 内的 theme 设定,即可切换主题。

更换 Hexo 主题非常容易,只要在 themes 文件夹内,新增一个任意名称的文件夹,并修改 _config.yml 内的 theme 设定,即可切换主题。


具体步骤:

如何将Hexo博客更换成新的主题样式?

1.安装主题

到主题的 GitHub 主页下,复制地址

在终端 cd 到博客根目录

输入命令: git clone 刚才复制的地址 themes/xxxxxxxx 是主题名

例如:

git clone github.com/theme-next/hexo-theme-next.git themes/next

或者:

从 hexo.io/themes/ 下载 release 包,解压到博客根目录 themes/ 文件夹下


2.使用主题

修改博客根目录下的 _config.yml 文件,注释掉原来的 theme 并新增一句 theme: xxxx (注意冒号后面有空格)

xxxx 为博客根目录 themes/ 文件夹下,对应的主题文件夹名称。

如果是解压出来的“hexo-theme-aircloud”就写“hexo-theme-aircloud”,如果是自建的“aircloud”就写“aircloud”


3.

本地预览

hexo clean hexo g hexo s

打开 localhost:4000/ 预览效果


部署博客

hexo clean hexo g hexo d



此文章是我原创,最早发布于我在其他平台的博客,现同步在此

我的公号:v1coder 我的博客:v1coder.com 我的GitHub:github.com/v1coder

本文共计578个文字,预计阅读时间需要3分钟。

如何将Hexo博客更换成新的主题样式?

替换Hexo主题非常简单,只需在`themes`文件夹内新增一个任意命名的文件夹,并在根目录下的`_config.yml`文件中修改`theme`设置即可。具体步骤如下:

1. 在`themes`文件夹内,新建一个任意命名的文件夹,例如`new-theme`。

2.在根目录下的`_config.yml`文件中,找到`theme`配置项,将其值修改为新的文件夹名,例如:

theme: new-theme

完成以上步骤后,Hexo站点将使用新的主题。

更换 Hexo 主题非常容易,只要在 themes 文件夹内,新增一个任意名称的文件夹,并修改 _config.yml 内的 theme 设定,即可切换主题。

更换 Hexo 主题非常容易,只要在 themes 文件夹内,新增一个任意名称的文件夹,并修改 _config.yml 内的 theme 设定,即可切换主题。


具体步骤:

如何将Hexo博客更换成新的主题样式?

1.安装主题

到主题的 GitHub 主页下,复制地址

在终端 cd 到博客根目录

输入命令: git clone 刚才复制的地址 themes/xxxxxxxx 是主题名

例如:

git clone github.com/theme-next/hexo-theme-next.git themes/next

或者:

从 hexo.io/themes/ 下载 release 包,解压到博客根目录 themes/ 文件夹下


2.使用主题

修改博客根目录下的 _config.yml 文件,注释掉原来的 theme 并新增一句 theme: xxxx (注意冒号后面有空格)

xxxx 为博客根目录 themes/ 文件夹下,对应的主题文件夹名称。

如果是解压出来的“hexo-theme-aircloud”就写“hexo-theme-aircloud”,如果是自建的“aircloud”就写“aircloud”


3.

本地预览

hexo clean hexo g hexo s

打开 localhost:4000/ 预览效果


部署博客

hexo clean hexo g hexo d



此文章是我原创,最早发布于我在其他平台的博客,现同步在此

我的公号:v1coder 我的博客:v1coder.com 我的GitHub:github.com/v1coder