纯小白建立自己的博客(三)-修改主题

4 篇文章 0 订阅
本文介绍了如何在已有Hexo博客基础上挑选并安装自定义主题,如MiHo,详细讲解了从下载主题到启用和修改配置的过程,包括替换logo和二维码的步骤。
摘要由CSDN通过智能技术生成

在已经有了hexo博客的基础上,大家肯定都不愿意使用那个默认的很漂亮(chou)的主题,所以,今天教大家怎么挑选自己喜欢的主题,怎么修改主题。

挑选自己喜欢的主题

打开HEXO官网,找到主题选项点我直达,从里边选择自己喜欢的。点图看效果,点字找源码。

经过一番筛选,我选择了自己感觉还行的主题MiHo

主题效果 主题源码

安装主题

打开主题源码,作者有详细的介绍,如何去安装这个主题,包括如何设置这个主题。

跟随者作者的脚步,来试试吧。

原文是英文的,如果你的英语(PinYin)水平不怎么样的话,请自觉点击中文版

方式一:

$ git clone https://github.com/WongMinHo/hexo-theme-miho.git themes/miho

方式二:

DownloadZip,解压至你的博客文件下的themes文件夹里边,并改名为miho。我太笨,所以用第二种方法。

启用主题

在博客文件夹根目录下,打开_config.yml(建议用Notepad++打开),修改theme: miho(miho就是你的文件夹名)

修改主题

对于主题里的_config.yml配置,我在这里就不多说了,因为作者已经讲得很清楚了。请参照作者的说明文件中文版

在这里给大家顺便说一下,如何修改logo和自己的二维码。

最简单的方法,找到他的logo和二维码的图片位置,记住这三个图片的尺寸大小和文件类型

例如:图片位置都在MyBlog\themes\miho\source\images文件夹下,logo是png格式,两个二维码是jpg格式,直接用原来的文件名,替换成你自己的图片就行了。

logo.png (120 × 120)(首页LOGO)
banner.jpeg(1920*420)(首页Banner)
alipay_code.jpg (200 × 200)(支付宝二维码)
wechat_code.jpg (200 × 200)(微信收款二维码)

还有一个单独的ico文件

MyBlog\themes\miho\source\favicon.ico (32 × 32)(浏览器的ICO图标)

直接把这四个文件,替换成你自己的图片就行了,记住还用原来的文件名,还在原来的位置,最好还是原来的像素大小。

然后可以在git命令窗口下,重新生成,看看效果。

$hexo clean 
$hexo generate
$hexo server

然后,等一会儿就能看到你修改后的博客页面了

好了,本期内容就到这里,下期再见~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值