基于hexo搭建博客后更换主题butterfly

上一篇文章,介绍了如何利用 hexo+github pages 搭建个人博客。那么这篇文章则以我的博客为例详细教你打造个性超赞博客的主题。

在这里插入图片描述

现如今用的人最多的是next这个主题,而本人在昨天发现一个神仙主题:Butterfly,It’s so beautiful .

这个主题不过有点废图, 提供2个自己搜图用的网站

https://wallroom.io/

https://www.pexels.com/

安装

在你的博客根目录里

git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly

应用主题

修改站点配置文件_config.yml,把主题改为Butterfly

theme: Butterfly

配置

配置文件说明

站点配置文件config.yml是hexo工作目录下的主配置文件(还不知道是哪里的,自己google)
butterfly.yml是Butterfly的配置文件。它需要你手动将主题目录下的 _config.yml 文件复制到 hexo 工作目录的source/data/butterfly.yml中。如果文件或者文件夹不存在,需要手动创建。*
语言
修改站点配置文件 _config.yml

默认语言是en

主题支持三种语言

​ default(en)
​ zh-CN (简体中文)
​ zh-TW (繁体中文)

导航菜单配置

menu: 首页: / || fa fa-home 归档: /archives/ || fa fa-archive 标签: /tags/ || fa fa-tags 分类: /categories/ || fa fa-folder-open

下面是butterfly的官方文档:

https://jerryc.me/posts/21cfbf15/#%E5%BF%AB%E9%80%9F%E9%96%8B%E5%A7%8B

然后是本人的博客地址。

https://moyang-mu.github.io/

在这里插入图片描述

总而言之,虽然今天有课,然本人昨天还是战斗到了12点半,从下午三点开始,除了吃饭时间基本都在调bug,今天早上也是调了一上午,真是身心俱疲啊。

还想说一句,就是我昨天因为默认开启了图片懒加载,但又没配置好,结果导致图片只有data-src属性,没有src属性,结果就是自然不能显示了。哎,想想都是泪,昨天晚上基本都是在看代码和博客还有官方文档中度过。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
使用Github hexo搭建个人博客的过程可以分为以下几个步骤: 1. 准备工作:首先需要安装两个必要的软件,一个是Git用于版本控制,另一个是Node.js用于运行Hexo。可以在官网下载并安装这两个软件。 2. 注册Github账号以及建立仓库:在Github官网上注册一个账号,并创建一个仓库用于存储博客的代码和文件。 3. 本地配置安装Hexo:在本地电脑上配置Hexo环境。打开命令行界面,使用npm安装Hexo,然后初始化Hexo项目。 4. 设置ssh:为了能够将本地的代码推送到Github仓库中,需要设置SSH密钥。可以通过命令行生成SSH密钥,并将公钥添加到Github账号的设置中。 5. 上传测试博客:在本地编写博客的内容,然后使用Hexo命令生成静态页面,并将生成的页面推送到Github仓库中。 以上就是使用Github hexo搭建个人博客的基本步骤。具体的每个步骤可以参考中提供的教程。值得注意的是,如果想要让博客更加美观和炫酷,可以在网上下载一些好看的主题样式,并进行相应的配置。同时,还可以使用hexo-abbrlink等插件来增加博客的功能[2]。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Github+Hexo搭建个人博客(图文详解)](https://blog.csdn.net/weixin_45377770/article/details/105228938)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [hexo+github搭建博客(超级详细版,精细入微)](https://blog.csdn.net/victoryxa/article/details/103733655)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值