hexo主题 butterfly

2024-10-21

Hexo博客美化之蝴蝶(butterfly)主题魔改

Hexo是轻量级的极客博客,因为它简便,轻巧,扩展性强,搭建部署方便深受广大人们的喜爱.各种琳琅满路的Hexo主题也是被各种大佬开发出来,十分钦佩,向大佬仰望,大声称赞:流批!!! 我在翻看各种主题后,便选择了蝴蝶这个主题,蝴蝶主题是由大佬Jerry制作的,其简洁,具有现代风格,扩展强,配置简单明了将我所吸引. 效果图: 蝴蝶主题github 于是我按照主题的文档完成主题配置,参照其他butterfly使用者,又添加了一点魔改.为了方便大家,减少配置上花的时间,我就把脚手架代码放到gitee

如何编写Hexo主题

完成一个Hexo的主题其实很简单,和写静态页面差不多,只是内容部分通过Hexo的变量去获取,而且Hexo还内置了一些辅助函数帮你快速方便地完成繁琐的处理. 起步在写代码之前要先把项目结构搭建好,一个Hexo主题的项目名就是主题名字本身,项目内的目录结构如下: (生成树形图是用的tree, mac上直接brew install tree就可以了,以前不写都不知道囧) . ├── _config.yml //记录主题配置信息 ├── layout //存放布局模板文件 │ └── _parti

Github Pages 搭建HEXO主题个人博客

跌跌撞撞,总算是建立起来了.回首走过的这么多坑,也真的是蛮不容易的.那么就写点东西,记录我是怎么搭建的吧. 准备工作安装Node.js: 用于生成静态页面,我们需要到官网上去下载即可.http://nodejs.org 安装Git:作用就是把本地的hexo内容commit到我们的远程仓库,实现更新操作https://git-scm.com/download/ 申请GitHub账号:用来盛装我们的代码,这样才能够被访问,程序员如果没有这个账号,那我就不说什么了. SSH Keys,看你自己了,可

从零开始制作 Hexo 主题

原文地址:从零开始制作 Hexo 主题 · Ahonn 写在前面本文将会从零开始开发一个简单的博客主题.样式主要参考 Hexo theme 中的 Noise 主题. 开始之前你需要了解: 模板引擎 ejs官网 CSS预处理器 Hexo 文档本文使用的模板引擎为 ejs,使用的 CSS 预处理器为 stylus.这也是 hexo 项目预装了的 render 插件,如果想使用其他模板引擎或者其他 CSS 预处理器,可以安装相对应的 render 插件.例如我的 Even 主题使用的是 Swig

从0开始的Hexo主题制作

从0开始的Hexo主题制作从零开始制作 Hexo 主题 H2O主题先坑着

hexo主题中添加相册功能

博客已迁移至http://lwzhang.github.io. 基本上所有的hexo主题默认都没有实现相册功能,一方面相册功能的需求较少,毕竟hexo主要是写博客用的:另一方面实现相册功能比较麻烦,比如说: 图片放哪里,放在source文件夹中,需要解析成静态文件,图片一旦多的话就会解析的非常慢怎么批量获取图片url(文件名),图片那么多,不可能一个一个的手动输入图片url 等等所以需要找到一个好的解决方法. 注意:本博客使用的是yilia主题,该主题作者litten有实现了相册功能,但他是

hexo干货系列：（二）hexo主题下载及配置

前言上一篇文章介绍了hexo+gitHub简易搭建属于自己的个人独立博客,但是主题是默认的landscape,略显简单,今天的教程推荐Jacman主题. Jacman是一款为Hexo打造的一款扁平化,有着响应式设计的主题,个人感觉还不错就使用了. 正文安装主题 $ git clone https://github.com/wuchong/jacman.git themes/jacman 启用修改你的博客根目录下的config.yml配置文件中的theme属性,将其设置为jacman. 更新

Hexo主题开发

序章想要一个自己的知识管理系统,用了 Hexo ,但是没有发现自己心仪的主题,就自己做了一个.本文记录了制作的全过程.本人编码功底和前端知识并不是特别雄厚,希望能由此文引出各路大神的兴趣,以后制作出更多优秀的主题. 预览: https://itabyss.github.io/ 源码: https://github.com/ITAbyss/hexo-wiki 教程文章:https://www.cnblogs.com/yyhh/p/11058985.html 安装 Hexo 是一款能将『 Mark

Hexo主题实现多级分类显示

前言最近在搞一个博客,是托管在github和gitcafe上的,利用Hexo生成的.之后,发现一个问题,显示的分类都是一级的.而我想要的是:能显示多级分类,层次分明`的那样. 问题基本主题自带的分类显示都是一级的,如何显示多级? 解决方案所以,研究了一下,找到了理想的方法,方法如下: 利用系统的list_categories([categories], [options])辅助函数生成分类列表; 利用css实现样式. 示例说明:我使用的是jacman主题,以这个主题为例说明. 在主题文件

Hexo主题yilia增加gitalk评论插件

虽然gitment可以实现评论功能,但是适配方面做的并不好,这里借用GitHub上的gitalk项目用来优化个人博客的评论功能下面记录自己从gitment到gitalk的替换过程: 1.在layout/_partial/post目录下新增gitalk.ejs文件代码如下: <div id="gitalk-container" style="padding: 0px 30px 0px 30px;"></div> <link rel=&

开发Hexo主题(一)

Hexo是一款静态博客工具,由Node.js编写在博客根目录的themes下,新建文件夹(文件夹名为主题名) 主题目录结构如图这里使用模版引擎为Ejs 在Layout目录下新建index.ejs文件,作为访问的首页 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </

搭建github博客，hexo主题

买个域名,多少钱的都有,看自己喜欢,可以去万网,ali嘛. 一般在windows,下载gitbash(配置公钥,全局用户名和email),node.js(不用配置). 新建github项目,添加公钥(如果重新生成公钥,需要点击y). 在github项目中使用博客,项目后缀记得是.github.io,否则后面进行不了.会提示找不到仓库. $ npm install -g hexo部署Hexo在我的电脑中建立一个名字叫「Hexo」的文件夹,然后在此文件夹中右键打开Git Bash. $ hexo i

hexo主题next 7.X版本配置美化

我们主要对next主题进行了如下配置操作.效果可以前往https://www.ipyker.com 查看. 也可以前往https://github.com/ipyker/hexo-next-theme 获取配置后的源文件. 设置中文语言设置博主文字描述设置博客文章连接为year/month/day/title.html格式 Menu增加关于.标签.分类.互动.搜索菜单禁用关于.标签.分类菜单评论功能添加添加RSS 设置背景图片.默认禁用,可以在themes/nexT/source/css

hexo主题选择和配置

之前用next主题,发现文章标题都是h2,不利于seo,想着通过改模板改成h1的,发现很繁琐.今天发现,通过下载指定版本的next后,标题自动是h1的. 参考网页https://notes.iissnan.com/ git clone --branch v5.1.2 https://github.com/iissnan/hexo-theme-next themes/next 2018.09.15补充此文可忽略,直接用官方开启seo的模式即可.

在HEXO主题中添加数学公式支持

在markdown中书写数学符号的方式参考Latex常用数学符号 Mathjax 安装 npm uninstall hexo-renderer-marked --save npm install hexo-renderer-kramed --save 修改打开node_modules/hexo-renderer-kramed/lib/renderer.js,将 // Change inline math rule function formatText(text) { // Fit krame

hexo主题hexo-theme-yilia文章太长，截断按钮文字的实现

文章太长,截断按钮文字不是通过配置文件_config.yml实现的,而是在文章内容里实现,在你想截断的文章位置加上  就可以实现了! 参考博客:hexo-theme-yilia使用遇到的问题

给博客使用Butterfly主题并部署到GitHub服务器

目录前言一.安装Butterfly主题二.将本地博客部署到GitHub服务器三.将个人域名与GitHub绑定前言安装完Hexo框架后,自带的主题在thems文件夹下可以查看,应用后界面: Hexo提供了290+主题,点击可前往官网访问:Hexo主题我选择的主题是 Butterfly ,安装后的界面如下: 图源:Butterfly官方Github 我的个人博客:XJHui'S BLOG 一.安装Butterfly主题 1.可供选择的版本注意:两个版本供使用者选择,我首次安装的是

手摸手带你用Hexo撸博客(二)之配置主题

在上一篇博客手摸手带你用Hexo撸博客(一)中主要介绍了博客的初步搭建今天我们继续讲如何在Hexo搭建的博客中应用主题官网选择自己喜欢的主题点击这里Hexo主题进入官网主题页面然后选择自己喜欢的一个我这里选择的是Butterfly主题,也是我目前仍在使用的安装目前有三种安装方式Gitee.GitHub.npm Gitee安装 git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git theme