Hexo好看且实⽤的主题推荐
昨天在腾讯云开发CloudBase,搭建了⼀个属于⾃⼰的Hexo静态博客,然后还绑定了⾃⼰的已ICP备案的个⼈域名,但是了博客主题还是默认的,是时候要换⼀个博客主题了。今天在⽹上搜索Hexo博客主题时,还真有⼀款主题,我⼀眼就看中了,就是那种“⼀见钟
情”的感觉。
⼀、主题简介
Fluid 是基于 Hexo 的⼀款 Material Design 风格的主题,由 负责开发与维护。
预览⽹站:
该主题相较于其他主题的优势:
全国各地旅游景点1. 优雅的颜值,使⽤ Material Design 风格突出层次感,但⼜不失简约,让⽤户能专注于写作;
2. 提供⼤量定制化配置项,使每个⽤户使⽤该主题都能具有独特的样式;锅包肉的做法大全
3. 响应式页⾯,适配⼿机、平板等设备,包括极端的分辨率都能轻松应对;
4. 主题中少有的整合了 LaTeX 和 mermaid 的⽀持
⼆、安装Fluid主题
1、搭建Hexo博客
如果你还没有 Hexo 博客,请按照进⾏安装、建站。或者看我发布的⼀⽂,⾃⾏搭建。
2、获取最新版本
Hexo 5.0.0 版本以上,推荐通过 npm 直接安装,进⼊博客⽬录执⾏命令:
npm install --save hexo-theme-fluid
然后在博客⽬录下创建 _l,将主题的 _l 内容复制过去,然后保存⽂件,⽤电脑上的记事本也可以操作,但我建议⽤Notepad++这个软件来操作。
3、指定主题
如下修改 Hexo 博客⽬录中的 _l:#后⾯的⽂字提⽰,不⽤写进去。
theme: fluid  # 指定主题
胶原蛋白排行榜language: zh-CN  # 指定语⾔,会影响主题显⽰的语⾔,按需修改
设置好后,需要使⽤hexo clean,hexo g -d ,进⾏重新编译和发布,那么这时,就会报⼀个错误 提⽰,如下图所⽰:
陈冠希张柏芝
解决的⽅法就是在 “language”后⾯加⼀个“s”,如下图
然后就可以正常地进⾏编译和发布了,如下图:所⽰
4、创建关于页高中开学第一周周记
⾸次使⽤主题的「关于页」需要⼿动创建
hexo new page about
创建成功后修改 /source/about/index.md,添加 layout 属性,⽤Notepad++ 编辑输⼊以下内容
---
title: 标题
layout: about
---
这⾥写关于页的正⽂,⽀持 Markdown, HTML
win7文件夹加密当然也可以⽤Markdown语法,书写⾃⼰的“关于页”,页⾯内容。
三、总结
按照上⾯的步骤来操作,我们就可以为⾃⼰的Hexo博客安装上Fluid主题了,因为我的Hexo博客是架设地腾讯云开发上⾯,最后还需要使⽤“CloudBase CLI⼯具”将本地hexo新编译好的⽂件,上传上去,这样才能更新⽹站的内容。