如果使用了_config.butterfly.yml, 配置主题的_config.yml将不会有效果。 Hexo会自动合并主题中的_config.yml和_config.butterfly.yml里的配置,如果存在同名配置,会使用_config.butterfly.yml的配置,其优先度较高。 语言 修改站点配置文件_config.yml 默认语言是 en 主题支持三种语言 default(en) zh-CN (简体中...
然后前往ROOT\themes\butterfly\layout目录,打开post.pug。 此前出问题的同学们是因为我这里PUG缩进的问题,已经修复~ 1 2 3 4 5 6 block content #post if top_img === false include includes/header/post-info.pug + .top-img.gist(style=`background-image: url(${url_for(top_img)})`) article#...
1.hexo-butterfly样式美化 基本配置信息可参考“博客项目基本操作”文档说明进行配置,此处针对一些个性化设置做简单配置说明 具体配置详情可参考官方文档说明:https://butterfly.js.org/posts/4aa8abbe/ 主题页面 Front-matter概念 Front-matter 是 markdown 文件最上方以 —- 分隔的區域,用於指定個別檔案...
这个是 Butterfly 自带的功能,修改主题的配置文件 _config.butterfly.yml。 编辑index_img、background、footer_bg 选项。设置网站背景,并将主页顶部图和页脚背景改为透明。(需要将以下示例地址替换为自己的图片地址。) 12345678910111213141516 # Image (圖片設置)# ---# The banner image of home pageindex_img:...
index_top_img_height: 在index_top_img_height :后面加上300px、400px都可,不加就是默认全屏显示。 侧边栏 侧边栏 在_config.butterfly.yml下找到 aside : aside: enable: true hide: false button: true mobile: true # display on mobile position: left # left or right,决定侧边栏在右边还是在左边 ...
本章目标:掌握butterfly扩展的标签,有选择的使用来增强博客网站的表现力 一、Front-matter配置 在hexo框架中并没有把matter进行分类,此处是butterfly主题的增强功能。Front-matter 是 markdown 文件最上方以---分隔的区域,用于设置单个文章的参数。分为两类: ...
基础配置主要是设置网站的标题、描述、SEO、菜单等项,下面我就列出 hexo 的 config(根目录下_config.yml),和主题 Butterfly 的 config(themes 的 Butterfly 下_config.yml),并注释相关项的简介仅供参考。 hexo_config.yml title: ZERO开发 #网站标题
top_img: mathjax: katex: aside: aplayer: highlight_shrink: --- 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. Post Front-matter --- title: date: updated: tags: categories: keywords: description: top_img:
配置Hexo Butterfly主题时，关键在于修改butterfly文件夹下的_config.yml。首先，复制一份_config.yml为_config.butterfly.yml，放置在Hexo根目录，进行个性化调整。对于首页导航栏，找到menu部分，添加或移除项目，用#注释掉不需要的。副标题可通过subtitle字段自定义，添加多个内容时需开启打字效果。图片显示...
Hexo butterfly 自定义文章封面 && 主页顶部图片更改 一、自定义文章封面: 从这张图片可以看出default后面的url是原始的图片地址,文章封面使用的是cover这两个信息 使用统一的封面 如果不想麻烦可以选择统一的封面,把上面那个url修改成自己喜欢的图片地址即可 自定义丰富的封面(举例) 写文章的时候在cover后面输入你...