如果使用了_config.butterfly.yml, 配置主题的_config.yml将不会有效果。 Hexo会自动合并主题中的_config.yml和_config.butterfly.yml里的配置,如果存在同名配置,会使用_config.butterfly.yml的配置,其优先度较高。 语言 修改站点配置文件_config.yml 默认语言是 en 主题支持三种语言 default(en) zh-CN (简体中...
comments【可選】顯示頁面評論模塊(默認true)top_img 【可選】頁面頂部圖片 mathjax【可選】顯示mathjax(當設置mathjax的per_page:false時,才需要配置,默認false)katex【可選】顯示katex(當設置katex的per_page:false時,才需要配置,默認false)aside【可選】顯示側邊欄(默認true)aplayer 【可選】在需要的頁面加載ap...
修改post.pug 然后前往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)}...
这个是 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主题的我们页面的整体美化 设置透明度 打开我们外部引入的css文件,复制以下的代码 /*文章的整体背景,渐变色设置*/#web_bg{background-image:linear-gradient(totop,#fff1eb0%,#ace0f9100%);#background:#FFEFBA;/* fallback fo...
本章目标:掌握butterfly扩展的标签,有选择的使用来增强博客网站的表现力 一、Front-matter配置 在hexo框架中并没有把matter进行分类,此处是butterfly主题的增强功能。Front-matter 是 markdown 文件最上方以---分隔的区域,用于设置单个文章的参数。分为两类: ...
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基于melody主题的基础上开发的主题,UI比较好,使用的人也不少,出了问题比较好求助,我就采用butterfly主题 大宇的博客 安装应用主题 安装 在博客根目录下打开Git bash npm i hexo-theme-butterfly 应用 在博客框架根目录_config.yml里修改...
一、自定义文章封面: 从这张图片可以看出default后面的url是原始的图片地址,文章封面使用的是cover这两个信息 使用统一的封面 如果不想麻烦可以选择统一的封面,把上面那个url修改成自己喜欢的图片地址即可 自定义丰富的封面(举例) 写文章的时候在cover后面输入你想要的封面图片的url,在top_img后面加上你想要的顶部图片...