hexo博客更换主题的方法

这篇具有很好参考价值的文章主要介绍了hexo博客更换主题的方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

我用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

是不是整个流程比较简单,你也快来试一试吧!文章来源地址https://www.toymoban.com/news/detail-638467.html

到了这里,关于hexo博客更换主题的方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • github+hexo 博客搭建

    环境:win11+wsl 打开终端安装以下软件 登录你的 GitHub 帐号,并创建一个新的仓库,仓库名是 username.github.io ,其中 username 是你的 GitHub 用户名。将该仓库设置为公开仓库。 设置ssh 创建一个新的文件夹,用于存储你的博客项目。 在终端中,进入该文件夹,并运行以下命令来初

    2024年02月10日
    浏览(52)
  • Hexo搭建个人博客(github)

    记录搭建个人博客的过程 本文使用Hexo+GitHub Page的方法搭建博客,下面是环境准备的步骤,包括nodejs的安装和git的安装(注:本教程仅适用于windows用户) 详情请参考这篇博客: NVM的安装使用与配置(node, npm, yarn 为了把本地的网页上传到git上,需要在系统上下载git,详情参考

    2024年02月21日
    浏览(51)
  • Hexo+Github博客搭建教程

    注意,这篇文章篇幅较长,主要针对新手,每一步很详细,所以可能会显得比较啰嗦,所以建议基础比较好小伙伴根据目录选择自己感兴趣的部分跳着看,不要文章没看,上来先喷一下!谢谢*[Math Processing Error]⊙o⊙*。 教程内容随意复制使用,引用的话请加一个参考链接,谢

    2024年01月16日
    浏览(52)
  • hexo + github 创建个人博客网站

    nodejs 和 npm git hexo 是一个静态博客生成网站,可以快速制作自己的博客网站并部署 安装hexo npm install hexo-cli -g 创建项目 hexo init 本地预览 hexo s 新建仓库 创建一个名为[用户名].github.io的仓库 下载自动部署插件 npm install hexo-deployer-git --save 修改hexo的配置文件 _config.yml 在deplay中添

    2024年02月05日
    浏览(72)
  • Hexo 搭建博客并推送GitHub

    浏览器访问: http://localhost:4000/ 1、首先要注册一个Github账号,新建一个name.github.io的仓库,也就是new repository。 因为博主之前创建好了现在就不能创建了。创建好后可以在你的仓库里新建一个index.html,里面可以随意输入几个字符,保存。 选择仓库的settings选项,在菜单栏找到

    2024年02月07日
    浏览(41)
  • hexo&github 搭建博客(保姆级)

    安装 Hexo 相当简单,只需要先安装下列应用程序即可: Node.js (Node.js 版本需不低于 10.13,建议使用 Node.js 12.0 及以上版本) Git 具备以上环境后我们安装hexo 配置系统环境变量 在选好的目录下运行 通过以上步骤,最简单的hexo网站就好了,可以直接访问http://localhost:4000/,来看h

    2024年02月05日
    浏览(79)
  • 【网站搭建】3 更换博客主题—butterfly

    可以到官网选择想要更换的主题Themes | Hexo 我选用的是butterfly zhangzeli/hexo-theme-butterfly: A Hexo Theme: Butterfly (github.com)  在Hexo根目录打开终端执行拉去操作 下载配套文件  打开_config.yml文件,更改   重新启动本地服务器即可  

    2024年02月16日
    浏览(37)
  • 【Hexo + Github 搭建自己的专属博客】

    目录 一、前提环境配置 1. 安装Git和NodeJS 2. 安装Hexo 3. 加载主题 4. 修改主题配置 二、搭建博客 1. 将博客部署在GitHub上 2. 写文章并上传 3. 配置一些特效 三、最终成果 ​编辑 在 Windows 上使用 Git ,可以从 Git 官网直接 https://git-scm.com/downloads ,然后按默认选项安 装即可。安装完

    2024年04月08日
    浏览(51)
  • Hexo+Github+Netlify博客搭建教程

    ✅作者简介:大家好,我是Leo,热爱Java后端开发者,一个想要与大家共同进步的男人😉😉 🍎个人主页:Leo的博客 💞当前专栏: 博客系列 ✨特色专栏: MySQL学习 🥭本文内容:Hexo+Github+Netlify博客搭建教程 📚个人知识库: [Leo知识库]https://gaoziman.gitee.io/blogs/),欢迎大家访

    2024年02月08日
    浏览(60)
  • hexo+GitHub搭建个人博客前期安装部署

    安装Git ==================================================================== 什么是Git Git是目前世界上最先进的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。也是Linus Torvalds为了帮助管理Linux内核开发而开发的一个开放源码的版本控制软件。Git也是你博客平台

    2024年04月22日
    浏览(67)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包