在已经有了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
然后,等一会儿就能看到你修改后的博客页面了
好了,本期内容就到这里,下期再见~