博客新主题-Fluid入门体验
摘要
安装、更新与卸载。 & 配置
特色功能:
- index_img
- 打字机 & slogan
- 背景图
文章:
- LaTex
- Mermaid
- 组图
主题管理
第一次安装next主题,没有用NPM,直接下的源码包。放到了themes文件夹里。这样做的坏处是:如果要更新新版的next要下载新版的源码包。重新放在thmems文件夹。更可怕的是:原来的_config.yml(next的)可能和新版的不兼容。又要重新写一遍。
删除方法很简单:直接把thmem/next删掉就好了
所以这次装fluid学聪明了。使用npm安装npm install --save hexo-theme-fluid
- 如果要更新的话
npm outdated
查看可安装的包npm update hexo-theme-fluid
update~
- 如果要删除主题/包
npm uninstall hexo-theme-fluid
我有两个用心配置的主题:Fluid, Next(gemini) 如果一个看腻了,想换一个主题。easy. 在_config.yml theme属性的值改掉就好
可怕的image
index_img
可以给首页的每一条博客插入一个图片。在Fluid中被定义为index_img
属性。 需要放在front-matter
fluid所有的图片的相对路径在hexo-theme-fluid/source/
下。
所以index_img
应该填的值应该以/img
开头。例如img/example.jpg
感觉这挺麻烦的。 不仅要在
hexo-theme-fluid/source/
这个奇怪的路径下管理资源。
当 default_index_img 和 index_img 都为空时,该文章在首页将不显示图片。 default_index_img在_config.fluid.yml设置
所有的图片路径都是相对于hexo-theme-fluid/source/
, md语法:
banner_img
英语中 banner的意思是:横幅
banner image 是每一个网页顶部的大图
slogan
进入友链页,打字机的默认输出是:友链。 但是可以改成其他的内容,比如:春风桃李一杯酒
还有关于页,我们也可以把冰冷的输出“关于”。改成“A Foodie, A Hacker, A Ganster”
设置友链打字机输出:
_config.fluid.yml 找到links的配置,添加属性:subtitle
,值 “桃李春风一杯酒”
设置友链打字机输出:
about 的 index.md,frontend添加subtitle属性
背景图
友链页、关于页、标题页、分类页的默认背景都是Fluid的默认图片:Tower. 能不能把他们换成一个系列的呢?比如全套的漫威英雄?或者钢铁侠的机甲。
边角料
整体字体
默认字体太丑了。 我喜欢落霞孤鹜,思源宋体也不错。
footer
默认是Hexo love Fluid
可以把Hexo 和 Fluid改掉(如果你有女朋友,你女朋友刚好也有一个Blog嘿嘿