使用GitHub + Hexo搭建个人博客（九）- 切换 Hexo 主题

最新推荐文章于 2024-03-22 13:04:50 发布
最新推荐文章于 2024-03-22 13:04:50 发布
阅读量6.3k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： GitHub 文章标签： github hexo 主题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yuguiyang1990/article/details/39551579
本文详细介绍了如何在Hexo中从默认主题landscape切换至清新风格的主题light。通过简单的步骤，包括克隆主题、修改配置文件，并重新生成静态文件，实现主题的无缝切换。体验清爽的网页设计。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Hexo默认的主题是landscape，个人不太喜欢，那我们怎么切换主题呢？

在Hexo中非常简单

下面，我们就将主题切换到light

主题介绍：http://hexo.io/hexo-theme-light/

所有的主题清单：https://github.com/hexojs/hexo/wiki/Themes

1. 将主题clone下来

git clone git://github.com/tommy351/hexo-theme-light.git themes/light

----

2. 修改配置文件

然后，我们重新生成一下静态文件就可以了

这样看起来清爽多了，不错。


使用github+hexo搭建个人博客blog
特立独行的博客
08-27 1695
使用github+hexo搭建个人博客blog
Hexo+Github搭建个人博客教程
最新发布
Rockivy的博客
06-11 3866
完全免费的搭建个人博客，没有任何收费，零基础小白也能上手，不需要编程基础，跟着操作来即可。首先要了解一下我们搭建博客要用到的框架。Hexo是高效的静态站点生成框架，它基于Node.js。通过Hexo，你可以直接使用Markdown语法来撰写博客。相信很多小伙伴写工程都写过README.md文件吧，对，就是这个格式的！写完后只需两三条命令即可将生成的网页上传到你的github上，然后别人就可以看到你的网页啦。是不是很简单？你无需关心网页源代码的具体细节，你只需要用心写好你的博客内容就行。
从零搭建HEXO博客 修改默认主题/参数/favicon 替换个人主页
yiyiyiyiwen的博客
10-31 2573
准备：搭建环境大致分为以下两步： 安装Node.js 安装git 配置Node.js环境下载Node.js安装 1. Windows Installer 32-bit https://nodejs.org/dist/v4.2.3/node-v4.2.3-x86.msi 2.Windows Installer 64-bit https://nodejs.org/dist/v4.2.3/n
hexo 修改默认主题
全易
03-22 523
简单5步，可以说就3步
hexo主题修改
weixin_44999716的博客
01-10 522
我的博客网址为：LiXinS319070033.github.io。我目前博客的主题名字叫archer，可以在hexo官网的主题里面找到,点击Archer,整个安装过程比较简单，我是看到b站的这个视频了解到的，up主叫吃饱睡觉的猫，Makedown的语法与hexo的主题修改，其实在这之前我试过比如yilia-plus和melody这两个主题，但是可能是其中有一步git pull的原因，最终都没有更换成功，而archer这个主题没有那一步，后来可以更换成功了。hexo官网的主题很多，都是开源的，但是简易程度都
Hexo 的默认主题太难看，想要换主题，我来教你如何操作！！！
帅帅邬同学的博客
08-22 1271
更改hexo主题 1. 在 blog文件夹下面的 themes文件夹下面 打开 Git Bash 2. 然后 git clone 要下载的主题的github地址，这里可以在后面加上 --depth=1 3. 然后在_config.yml中，修改主题名称为 要更改的主题名称。 上面的图片中，第一个文件夹就是自己要更换的主题，底下的文件夹就是 Hexo默认的主题。 更改完成后的效果如下所示！！！ 怎么样，是不是很简单呢？自己动手尝试一下吧！！！ 如果这篇文章能够帮助到您，希望您不要吝惜点赞??????
hexo 菜单_Hexo-修改Hexo主题
weixin_39876856的博客
12-20 342
学习目标本文主要学习的内容如下：如何去获取到 NexT 主题如何去安装和配置 NexT 主题设置菜单，如分类，标签，关于我等简单配置获取开源的 Hexo 主题在上节介绍如何快速去搭建 Hexo ，最终展示的效果如下图所示：image这是 hexo 默认的主题，我们需要修改这个主题，那么我们可以去找一些符合我们个人爱好的一些主题选择一个自己喜欢的 Hexo 主题这个网站有很多主题可以供我们去选择，如...
使用GitHub+Hexo+hexo-theme-indigo(主题)搭建自己的个人技术博客
oyj
11-01 2154
  本次搭建实在windows系统下完成： 前提条件：已经下载git、Hexo、node.js等必要的工具环境 第一步：初始化一个本地的Hexo项目 再本地创建一个博客系统目录：我建立的是项目根目录：OyjBlog 再OyjBlog目录下右键打开Git Bash终端 创建hexo格式的文件夹：$ hexo init 生成静态文件:$ hexo g 或 $ hexo generate  ...
使用Github+Hexo搭建个人博客 | No.1
Stupid bunny的博客
05-28 345
花了几天时间搭建了一个自己的hexo博客，先附上链接，大家看看效果，欢迎各位来访： Stupid bunny-笨小兔 前言 现在市面上的博客很多，如CSDN，博客园，简书等等，可以在博客上发表一些文章，大家共同努力学习，这里呢，给大家展示使用Github和Hexo来搭建静态个人博客。 静态网页简单来说就是设计者把页面的东西设计好了，只是发布上去，本地浏览器就能访问。而动态网页的内容都是依靠服务器来运行的。管理者发布文章的时候只需要进入后台发布就行，发布后想更改也非常容易。需要主机来存放网站的源码等数据。
Linux下使用 github+hexo 搭建个人博客06-next主题接入数据统计
踏歌行的专栏
07-29 331
之前说了 next 主题的优化和接入评论系统。让我们完成了自己所需的页面风格和排版，也可让访问用户在每篇博文评论，完成博主和访问用户的交互。 本章我们继续讲解其他重要功能。 既然是一个网站，那么我们就需要收集网站访问数据，提供流量趋势、来源分析、转化跟踪、页面热力图、访问流等多种统计分析服务；这时我们就需要引入——百度统计。 上述的统计只能在百度统计中查看，但我想在自己的网站页面直接就能看一些简单...
hexo-theme-ocean:Ocean是基于Hexo默认主题景观中功能的支持移动的Hexo主题
05-25
海洋 Ocean是基于Hexo默认主题景观中功能的支持移动的Hexo主题。 由于我是设计师，而不是编码员，所以请提出建议！ 非常感谢在海洋生产过程中提供的技术支持。 安装 $ git clone https://github.com/zhwangart/hexo-theme-ocean.git themes/ocean 使能够 将_config.yml theme设置修改为ocean theme : ocean 更新 cd themes/ocean git pull 配置 让我知道您是否找不到任何东西。 # Menu menu : Home : / Archives : /archives Gallery : /gallery About : /about Links : /links rss : /atom.xml # Miscellaneous favic
hexo-theme-lightime:十六进制主题。 基于雨果主题
05-11
原hugo主题： 安装 Install git clone -b master https://github.com/caisiduo/hexo-theme-lightime themes/lightime 特色 Features 单栏，简洁。 / One column , Simple. 集成Gitment和Disqus评论系统。使用InstantClick实现无刷新浏览，更快更流畅。 / Disqus&Gitment comment-system. And used InstantClick speeds up. 支持Service Worker，但和InstantClick冲突，按需选择。 / Supports Service Worker, but conflicts with InstantClick. PLZ select on demand. 代码高亮。 / Highligh
Hexo博客网站更换主题
热门推荐
yaluoshan的专栏
06-09 1万+
前言： 上一篇博客介绍了如何从零开始搭建Hexo博客网站，Hexo网站默认加载的是landscape主题，如果想要更换自己喜欢的主题，可以继续阅读这一篇教程。本教程将讲述将landscape主题更换为扁平化、响应式设计Jacman主题。安装Jacman主题个人博客网站具有很强的展示性，一个炫酷的界面会很吸引人眼球，选择一个协调、美观的主题就很重要了。Hexo官方https://hexo.io/th...
第一次HEXO修改主题
Lying1956的博客
11-23 557
第一次修改HEXO主题 首先进入博客所在目录，然后右键git bash here进入命令输入 其次输入hexo clean这一步主要的目的是网站再次进行部署时要清理public文件夹内容，重新生成部署。 然后输入git clone https://github.com/fluid-dev/hexo-theme-fluid.git themes/fluid 克隆成功后在你的博客目录会出现themes→fluid的文件，fluid这就是克隆好的主题文件 这个时候就需要更改主题了，进入博客目录里面的_conf
简单Hexo更换主题教程
Hacah的博客
01-11 1978
Hexo自带的默认主题不是很好看，我们可以按自己需求更换对应的主题，主题由很多，大家可以使用搜索引擎查找，这里我们演示butterfly主题的安装 前提 需要安装git 需要安装nodejs 步骤 在博客的项目文件夹下打开git bash执行命令 git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly 我的博客目录是 成功以后在目录可查看主题 修改_config.yml文件
hexo 博客搭建之换主题
wniuniu_的博客
01-08 748
我们这时候找到 theme 目录下的_config.yml 文件，没错和之前的站点配置文件同名，只不过他们的路径不同，大家千万不要弄混，站点配置文件是配置站点通用的东西，而主题配置文件是配置一些主题的元素。大家可以修改一个选项之后，执行hexo clean、hexo g、hexo s在本地看一下效果，等全部修改好之后再推送到仓库。挑选喜欢的主题，然后点击名字，就可以跳转到github的界面，我们根据readme文件就可以操作换主题啦。我们先找到博客目录下的_config.yml文件，找到如图所示的选项。
hexo博客更换主题的方法
彬的田字格
01-10 2740
我用hexo搭建的自己的博客，但是感觉默认的主题不太好看，那么如何才能更换一个让自己满意的主题呢?hexo提供了很多主题可以参考，我们可以从中选择一个自己喜欢的主题。
【自搭博客系统篇二】：更改博客主题 Hexo Butterfly
ygxyvip的博客
02-26 644
自己搭建博客、博客主题、Hexo Butterfly
「Hexo | Next主题美化」
qq_43620045的博客
03-09 2761
Hexo博客Next主题美化。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值