从零搭建HEXO博客 修改默认主题/参数/favicon 替换个人主页

最新推荐文章于 2025-06-27 09:25:00 发布
最新推荐文章于 2025-06-27 09:25:00 发布
阅读量2.5k 收藏 2
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 个人博客 文章标签： 博客 HEXO 修改主题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yiyiyiyiwen/article/details/78404442
本文详细介绍了如何从零开始搭建HEXO博客，包括配置Node.js和Git环境，安装Hexo，修改网页内容，更换网站标志，以及替换个人主页的过程。通过步骤指导，帮助读者实现博客的个性化定制。

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

准备：搭建环境

大致分为以下两步：

  1. 安装Node.js
  2. 安装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/node-v4.2.3-x64.msi

保持默认设置，安装结束后，按win+R，在运行窗口中输入cmd，回车，打开命令行界面。
输入：

node -v
npm -v

如果结果如下图所示，那么说明你已经安装成功，如果不正确，那么就需要你回头检查自己的安装过程。
这里写图片描述

配置Git环境

下载Git安装文件：
git官网下载
一路默认选项，安装完后打开命令提示符，输入：

git –version

最低0.47元/天 解锁文章

200万优质内容无限畅学
hexo-GitHub个人主页更换主题
slow_sparrow的博客
06-09 1166
hexo-GitHub个人主页更换主题序言主题的下载与切换下载切换主题的配置增加页面新建分类 categories 页新建标签 tags 页新建关于我 about 页新建留言板 contact 页新建 404 页增加emoji支持代码高亮搜索功能中文链接转拼音文章字数统计配置音乐播放器修改公告(dream一栏)里的每日一句 序言 上一篇博客我为大家介绍了如何使用hexo+GitHub搭建个人博客，本片我将记录我如何更换hexo的主题matery。 主题的下载与切换 下载 hexo主题的官网：https://
从零开始免费搭建自己的博客(一)——本地搭建hexo框架
yushuaigee的博客
01-02 7990
本文是博客搭建系列文章第一篇，其他文章链接： 从零开始免费搭建自己的博客(一)——本地搭建 Hexo 框架 从零开始免费搭建自己的博客(二)——基于 Github pages 建站 从零开始免费搭建自己的博客(三)——基于 Gitee pages 建站 从零开始免费搭建自己的博客(四)——编写 Markdown 文章并发布 从零开始免费搭建自己的博客(五)——三个站点一键发布博客 从零开始免费搭建自己的博客(六)——导出 优快云 博客为 Markdown 格式 从零开始免费搭建自己的博客(七)——博客.
Hexo博客框架自定义首页
weixin_44150474的博客
05-17 396
在source的根目录中创建一个index.html或任意名称的.html文件作为首页，若命名不为index，那么访问时必须在地址后面拼接文件名称，例如项目默认地址为http://localhost:4000/，定义了一个main.html的首页，若直接访问http://localhost:4000/必然无法访问到首页，需要在地址栏输入http://localhost:4000/main或http://localhost:4000/main.html才能正常访问。
hexo 修改index.html,hexo--新建页面、修改主页
weixin_35952000的博客
06-03 1104
新建页面hexo new page "新建博文章的名称"这时会在工程的source目录下新建about目录，里面新建index.md在主题的_configy.yml中配置新页面的菜单menu:首页: /所有文章: /archives分类: /categories标签: /tagsAbout: /about在主题的layout目录下新建about.ejs(新建页面的h5代码)about.ejs中写入...
Hexo-Theme-Apollo 主题使用指南：打造极简高效的博客系统
最新发布
gitblog_00454的博客
06-27 419
Hexo-Theme-Apollo 主题使用指南：打造极简高效的博客系统 主题概述 Hexo-Theme-Apollo 是一款专为 Hexo 静态博客框架设计的主题，以其极简风格和高效性能著称。该主题采用响应式设计，确保在各种设备上都能提供良好的阅读体验。作为一款专注于内容呈现的主题，Apollo 去除了冗余的设计元素，让读者能够专注于文章内容本身。 安装与配置 基础环境准备 在开始使用 Apol...
使用GitHub + Hexo搭建个人博客（九）- 切换 Hexo 主题
什么是江湖?
09-25 6387
Hexo默认的主题是landscape，个人不太喜欢，
Hexo博客-NexT主题自定义主页配置方法
Bingin的博客
09-08 2688
Refrence https://zhuanlan.zhihu.com/p/366761432 问题 在使用Hexo博客框架的Next主题时，默认主页是数篇博客的摘要。想要修改主页（也即首页）的内容（例如给出网站的介绍等），需要进行自定义配置。 步骤 在根目录的source目录下，新建一个index.md文档 这个source目录下的index.md文档即是我们自定义的主页。在文档中做出的任何修改均会体现在自定义主页中。 修改根目录下的_config.yml文件的index_generator项
hexo修改index.html,Hexo自定义页面做首页
weixin_31834275的博客
06-03 760
前言如果你想了解如何在 GitHub Pages上传自己写的网页作为首页，hexo博客作为其子页？即自己写的页面作为http://user.github.io的页面，将hexo博客放在http://user.github.io/blog上，怎么做？那就接着往下看...本教程的前提已经用hexo将博客搭建在yourname.github.io的repository上，接下来跟随博主开始愉快的旅程吧。...
Hexo + NexT + Github搭建个人博客
记录学习
01-18 949
先创建一个页面cd[your-site]#进到站点中hexonewpage[page-name]#创建页面在文件开头的YAML块（用于写入配置）中添加配置通过主题的配置文件将你所创建的页面路由写入菜单menu，图标在中找#标签---type:tags---确保禁用新建404页用户是否可以重定向到404页面取决于网站托管服务或Web服务器的设置，而不是Hexo。例如，如果使用Nginx作为服务器，则还需要在nginx.conf文件中配置404页面。
Hexo搭建个人博客系列【七】- Butterfly主题使用及美化
viman3344的专栏
07-26 1923
是基于的的基础上进行开发的，当前版本是v4.13.0。主题官网：https://github.com/jerryc127/hexo-theme-butterfly。
使用Hexo免费搭建个人博客教程
csdnxia的博客
10-18 3896
前言 现在各种互联网博客非常的，常见的如优快云、简书、掘金、博客园等平台，这些博客平台做的都很好，可以直接在上面注册自己的账号写文章，发表的文章在百度、Bing等搜索引擎上也能收到，但缺点是受于平台的各种限制，个人定制化不自由，而且大多数平台都会有各种广告。 于是想到自己搭建一个博客网站，但对大多数人而言，自己购买服务器和域名来搭建博客成本实在太高的了，而且有点浪费，还需要定期维护，这时一种不错的选择就是使用第三方开源托管平台（GitHub、GitLab等）来当作我们的服务器，并使用快速简洁的博客搭建框架
修改hexo首页访问地址不带二级目录
zhaixing
09-08 503
原本的访问地址后面带一个blog（仓库名）不美观 https://zhang-xiaoxing.gitee.io/blog/ 想去掉后面的子目录 根据码云那边的提示 修改原仓库名为个人空间地址 也就是改blog为zhang-xiaoxing 并且重新更新Gitee Pages 服务 然后修改_config.yml中的地址 重新发布博客 hexo clean && hexo g && hexo d 现在就可以使用https://zhang-xiaoxing.gitee.io/访
【自搭博客系统篇二】：更改博客主题 Hexo Butterfly
ygxyvip的博客
02-26 648
自己搭建博客、博客主题、Hexo Butterfly
博客自建（带避坑指南）3：简单的hexo网页界面设置
weixin_63767221的博客
07-26 1995
开始逐步探索hexo里的内容咯，冲冲冲！本文主要记录一下我使用到的一些技巧。
Hexo如何修改网站图标favicon | Hexo
RC Kanashii的博客
11-12 3160
最近在自己搭个Blog玩玩，发现favicon.ico无论如何也无法显示，几经折腾后终于成功显示，故在此记录一下我的解决步骤： 把favicon.ico转换格式为favicon.png 把favicon拖入themes/你使用的主题/image文件夹中（不同主题的文件夹名可能会有不同） 打开themes/你使用的主题/_config.yml，找到favicon，修改成： 打开git bash，输入： hexo clean hexo g -d 清除浏览器的缓存 然后发现，fav..
简单Hexo更换主题教程
Hacah的博客
01-11 1980
Hexo自带的默认主题不是很好看，我们可以按自己需求更换对应的主题，主题由很多，大家可以使用搜索引擎查找，这里我们演示butterfly主题的安装 前提 需要安装git 需要安装nodejs 步骤 在博客的项目文件夹下打开git bash执行命令 git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly 我的博客目录是 成功以后在目录可查看主题 修改_config.yml文件
保姆级教学 基于Hexo搭建个人网站（Github）
熙灿 WaitAyaka 优快云 B站 贴吧同名
05-07 3269
你是否也想要一个属于自己的网站呢 是否也想让亲朋好友大爷大妈来访问你亲手搭建的网站呢 那还在等什么！！！赶快关注晚妍吧！！！保姆级教学一定会帮助你完成你的的梦想！！！。
hexo 博客搭建之换主题
wniuniu_的博客
01-08 751
我们这时候找到 theme 目录下的_config.yml 文件，没错和之前的站点配置文件同名，只不过他们的路径不同，大家千万不要弄混，站点配置文件是配置站点通用的东西，而主题配置文件是配置一些主题的元素。大家可以修改一个选项之后，执行hexo clean、hexo g、hexo s在本地看一下效果，等全部修改好之后再推送到仓库。挑选喜欢的主题，然后点击名字，就可以跳转到github的界面，我们根据readme文件就可以操作换主题啦。我们先找到博客目录下的_config.yml文件，找到如图所示的选项。
Hexo个人博客搭建教程及赚钱项目分享
这本书详细介绍了如何从零开始一步步地搭建一个属于自己的博客网站。 首先，本书可能会涉及Hexo的基本概念和安装方法。这包括了解Hexo的运行机制，对必要的Node.js环境进行配置，以及使用npm安装Hexo。此外，读者将...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值