我用hexo搭建的自己的博客,但是感觉默认的主题不太好看,那么如何才能更换一个让自己满意的主题呢?

hexo提供了很多主题可以参考,网址在这里:https://hexo.io/themes/ 。这个页面提供了主题的预览效果以及下载地址。点击主题的图片,即可预览该主题的效果,点击主题的名字,可以跳转到该主题的github下载页。

我找了一个比较简洁的主题 https://github.com/hexojs/hexo-theme-light ,准备换上。由于我在搭建博客的过程中,已经安装好了nodejs,git,hexo-cli等工具,这里就不用重复安装了,直接开始更换主题的操作。

具体流程如下:

1. 下载主题

进入该主题的github下载页,我选择主题下载页是这里: https://github.com/hexojs/hexo-theme-light ,点击Code -> Clone,复制https下载链接。
然后在本机上进入博客的目录,我本机上是~/blog/ ,运行如下命令

cd themes
git clone https://github.com/hexojs/hexo-theme-light.git ./light

主题的存放目录是 ./themes,为了方便管理,每一个下载的主题都建一个单独的目录,我这个主题的目录是./light。

2. 使主题生效

找到博客目录下的配置文件 _config.yml, 找到Extensions模块,修改字段。
由于我是第一次更换主题,之前使用的是默认主题,修改前的配置是这样的:

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: landscape

修改成我新下载的light主题之后是这样的:

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: light

然后,通过运行命令 hexo s ,启动本地服务,通过http://localhost:4000/ 查看修改后的效果。

运行以下命令,使主题更新到博客

hexo clean
hexo g
hexo d

3. 主题更新

这一步不是必须的,如果主题有优化更新或者修改bug之后,我们在本地需要同步更新一下,在博客目录运行如下命令

cd ./themes/light/
git pull

是不是整个流程比较简单,你也快来试一试吧!

hexo博客更换主题的方法相关推荐

  1. GitHub+HEXO博客更换主题

    写在前面 前面讲了怎么使用GitHub+HEXO搭建论坛,这里写这个论坛如何更换主题.对于如何安装HEXO和部署到GitHub的问题,见我另一篇文章使用GitHub+HEXO免费搭建个人博客(最详细) ...

  2. 给hexo搭建的博客更换主题

    怎么给hexo搭建的博客更换主题 首先要进入hexo的官网主题界面,找到你所想要的主题 网址:https://hexo.io/themes/ 点进该主题,就会进入你选中的主题的拥有者的博客,你就可以看 ...

  3. hexo博客yilia-plus主题更换Beaudar评论插件

    文章目录 hexo博客yilia-plus主题更换Beaudar评论插件 一.安装Beaudar app. 二.添加到主题中 1.直接拉取仓库到本地. 2. 自己进行配置 三. 一些问题 hexo博客 ...

  4. Github pages + Hexo 博客 yilia 主题使用畅言评论系统

    文章首发地址:http://www.54tianzhisheng.cn/2017/04/13/Hexo-yilia-changyan/ , 转载请注明出处. 前言 Hexo的Yilia主题由于原来使用 ...

  5. hexo博客yilia主题 如何自定义个人博客的背景图片

    hexo博客yilia主题 博客背景的设置 个人博客系列文章目录 hexo博客yilia主题 所有文章模块缺失最新解决方案 hexo+yilia博客报错post.categories forEach ...

  6. hexo 博客next主题集成gitment或者gitalk评论系统

    原文链接hexo 博客next主题集成gitment或者gitalk评论系统 前言 之前使用多说,多说挂了,用网易跟帖代替,网易跟帖又没了.前段时间用来必力,感觉还行,但总归不踏实.后面发现有gitm ...

  7. hexo博客next主题添加对数学公式的支持

    hexo博客默认为markdown格式,但是新搭建的hexo博客不支持公式渲染,下面介绍hexo博客next主题下添加对数学公式支持的方法. 环境说明: hexo版本:5.4.1 next版本: 最新 ...

  8. hexo博客yilia主题_缺失模块_解决方案

    hexo博客yilia主题,左侧栏目有一个全部文章的按钮,刚开始开始报错缺失模块,如下图: 我解决了这个问题着实不容易饶了弯路,但是跟着提示步骤,其实很简单,走起: 1.查看node版本 win键+R ...

  9. 为Hexo博客next主题添加友链

    为Hexo博客next主题添加友链 20230427153826|left

最新文章

  1. android 序列化_Android高级架构进阶之数据传输与序列化
  2. 基于某网站的信息爬取与保存
  3. Android开发教程:手机震动控制浅析
  4. EfficientDet目标检测谷歌官方终于开源了!
  5. 内存映射与DMA笔记
  6. django 1.8 官方文档翻译: 2-5-10 数据库函数
  7. Unity5 新功能解析--物理渲染与standard shader
  8. linux shell学习三
  9. [OHOS ERROR] clang not found, install it please
  10. C++车辆管理系统课程设计
  11. 英雄联盟轮播图手动轮播
  12. python实现最小二乘法的线性回归_Python中的线性回归与闭式普通最小二乘法
  13. 2022年地图产业研究报告
  14. Android有用代码(一)
  15. RTK差分共享猫共享后中海达不能固定解决办法
  16. K210人脸识别+RFID录入信息
  17. 蓝桥杯嵌入式史上最全最详细教程教你快速入门
  18. 基于WEB信息管理系统测试时应考虑的因素有哪些
  19. 3dsMax模型转UE4
  20. 以太网实习_网络工程-实习报告及

热门文章

  1. 小米4android版本4.4.4,小米4联通版刷机包 Android4.4.4 cm11.0 ROM发布 更新20140812
  2. 自然资源资产-经营模式
  3. js模拟触发touchstart
  4. Json3种解析方式
  5. Swagger 是什么?
  6. wsl-多个子系统及默认子系统
  7. CentOS7 安装code::Blocks
  8. 程序员2014年展望未来的八个小提示
  9. 面试官常问的!从输入URL到页面展示完成浏览器做了些什么?
  10. HTTPSQS jafka kestrel beanstalkd