首页
Python
Java
IOS
Andorid
NodeJS
JavaScript
HTML5
Hexo"的"Butterfly
2024-08-30
Hexo博客美化之蝴蝶(butterfly)主题魔改
Hexo是轻量级的极客博客,因为它简便,轻巧,扩展性强,搭建部署方便深受广大人们的喜爱.各种琳琅满路的Hexo主题也是被各种大佬开发出来,十分钦佩,向大佬仰望,大声称赞:流批!!! 我在翻看各种主题后,便选择了蝴蝶这个主题,蝴蝶主题是由大佬Jerry制作的,其简洁,具有现代风格,扩展强,配置简单明了将我所吸引. 效果图: 蝴蝶主题github 于是我按照主题的文档完成主题配置,参照其他butterfly使用者,又添加了一点魔改.为了方便大家,减少配置上花的时间,我就把脚手架代码放到gitee
Hexo+Butterfly主题美化
前言 本博客基于Hexo框架搭建,用到 hexo-theme-butterfly 主题(本人博客Butterfly版本3.4.0),hexo-theme-butterfly是基于Molunerfinn的hexo-theme-melody的基础上进行开发的. Butterfly 已经更新到 3.6.2 ,请先参考这系列文档 Butterfly教程 进行基本配置 .如果这篇文章帮到了你,请在 留言板 写下您的评语吧,感谢您的大力支持! 主题特点: 1. 简单漂亮,文章内容美观易读 2.Materia
短短1天我学会了如何修改Butterfly的配置文件
目录 一.修改默认语言 二.创建标签.分类.关于和留言版页面 三.添加搜索框 四.飘带背景 五.使用Valine添加评论功能并支持邮箱提醒 六.收录谷歌.百度 一.修改默认语言 说明:安装Butterfly主题后,在浏览器显示的是英文,可以修改_config.yml配置文件变为中文. cd blog/ //进入安装Hexo框架的目录 vim _config.yml 找到language并将其修改为 zh-CN 修改后使用命令:hexo clean.hexo g.hexo d 上传主题,验证是否修
给博客使用Butterfly主题并部署到GitHub服务器
目录 前言 一.安装Butterfly主题 二.将本地博客部署到GitHub服务器 三.将个人域名与GitHub绑定 前言 安装完Hexo框架后,自带的主题在thems文件夹下可以查看,应用后界面: Hexo提供了290+主题,点击可前往官网访问:Hexo主题 我选择的主题是 Butterfly ,安装后的界面如下: 图源:Butterfly官方Github 我的个人博客:XJHui'S BLOG 一.安装Butterfly主题 1.可供选择的版本 注意:两个版本供使用者选择,我首次安装的是
Ubuntu18.04下使用Hexo框架搭建个人博客
一.安装node.js 说明:安装node.js的原因:Hexo框架是基于node.js. 1.推荐使用nvm安装速度快,也可自行百度其它方法. wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.6/install.sh | bash 注意:回车后等待安装完成,不要提前退出. 感谢:yaxx 2.安装node.js后就可以通过npm包管理器安装Hexo框架了,由于npm的服务器在国外速度较慢,可以使用cnpm(淘宝)
Hexo博客框架攻略
前言 前天无意在b站看到up主CodeSheep上传的博客搭建教程,引起了我这个有需求但苦于没学过什么博客框架的小白的兴趣.于是花了两天时间终于终于把自己的博客搭建好了,踩了无数的坑,走偏了无数的路,百度(谷歌)了无数次,但真的很有成就感. 注意:Hexo是个很成熟(使用人数多)的博客框架,你遇到的问题别人基本都能遇到,沉住气总能找到解决方法. 说明 1.为了避免以后再搭建的时候踩到这些坑,并且我也有写博客的习惯,决定把教程和问题的解决方法总结在以后的四篇文章中,等文章发布后链接会在下面给出.
手摸手带你用Hexo撸博客(二)之配置主题
在上一篇博客手摸手带你用Hexo撸博客(一)中主要介绍了博客的初步搭建 今天我们继续讲如何在Hexo搭建的博客中应用主题 官网选择自己喜欢的主题 点击这里Hexo主题进入官网主题页面 然后选择自己喜欢的一个 我这里选择的是Butterfly主题,也是我目前仍在使用的 安装 目前有三种安装方式Gitee.GitHub.npm Gitee安装 git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git theme
Hexo之更换背景及透明度
Hexo之更换背景及透明度 引入方式 首先,介绍一下引入方式,外部导入css文件,不影响内部配置. 1.创建css文件 创建一个css文件移动到\themes\butterfly\source\css目录下. 2.引入 inject在\source\_data的butterfly.yml中: (如果没有,可以创建一个_data文件夹,将\themes\butterfly中的 _config.yml复制过去,重命名为butterfly.yml) 按以下方式引入css文件. <link rel=&quo
Butterfly美化
Butterfly美化 首先提示,本文量特别大哦!基本上有所有的美化,还在持续更新ing,谨慎入坑......... 主题配置文件修改 基础配置 最最最开始的,好不容易搭建了自己的个人博客,当然要写上自己的名字.签名......,证明身份.而且身为一个Chinese,还是中文舒服,所以主目录下_config.yml的配置文件: # Site title: FATE #标题名字 subtitle: '' description: '' #签名 keywords: author: MoYu-zc #
Hexo、主题、部署上线
Hexo.主题.部署上线 安装Hexo git和nodejs安装好后,就可以安装hexo了,你可以先创建一个文件夹MyBlog,用来存放自己的博客文件,然后cd到这个文件夹下(或者在这个文件夹下直接右键git bash打开). 比如我的博客文件都存放在D:\MyBlog目录下. 在该目录下右键点击Git Bash Here,打开git的控制台窗口,以后我们所有的操作都在git控制台进行,就不用Windows自带的cmd了. npm install -g hexo-cli 安装完后输入hexo -
《JERRY Hexo & GitHub 静态网站搭建说明》
JERRY-Hexo-GitHub <JERRY Hexo & GitHub 静态网站搭建说明> 原创内容,转载请注明出处! 一.前言 1.1 什么是 Hexo? 一个基于 Node.js 设计的快速.简洁且高效的博客框架 超快速度 支持 Markdown 一键部署 插件和可扩展性 免费开源 1.2 什么是 GitHub? 一个面向开源及私有软件项目的托管平台,因为只支持 Git 作为唯一的版本库格式,故名 GitHub 全球最活跃开源社区 开源社交平台 企业项目管理平台 1.3 什么
hexo 升级5.4.0出现错误解决方法-hexo-theme-butterfly
本篇文章已同步个人博客,可移步食用.hexo 升级 5.4.0 出现错误解决方法 -hexo-theme-butterfly 周末升级了下 hexo 到新版本,发现升级后,构建时出现了一些错误,以下是出现的问题,及解决方法. WARN Deprecated config detected: "external_link" with a Boolean value is deprecated. See https://hexo.io/docs/configuration for more
基于 Hexo 从零开始搭建个人博客(五)
阅读本篇前,请先阅读前几篇文章: 基于 Hexo 从零开始搭建个人博客(一) 基于 Hexo 从零开始搭建个人博客(二) 基于 Hexo 从零开始搭建个人博客(三) 基于 Hexo 从零开始搭建个人博客(四) 前言 本站基于Hexo搭建,用的 hexo-theme-butterfly 主题 v3.7.1,请注意最新的 hexo-theme-butterfly 版本已经更新到 v4.2.2 . 如果你是 v3.7.1 之外的版本,可能有些地方会有出入,请留意. 注意:我的博客根目录路径为 [G:/
【原】Github+Hexo+NextT搭建个人博客
摘要 GitHub 是一个开源项目的托管网站,相信很多人都听过.在上面有很多高质量的项目代码,我们也可以把自己的项目代码托管到GitHub,与朋友们共享交流.GitHub Pages 是Github为大家提供的一项服务,不仅能为托管的项目建立主页,还可以为我们建立个人博客.下面我就介绍个人博客是如何建立的.在使用GitHub Pages建立个人博客前,我们象征性地了解一下GitHub Pages建立的页面有哪些优点: 极简的配置,轻量级系统,无需数据库 使用标记语言,如Markdown 使用Gi
使用HEXO快速建站
先安好npm,请参照:http://max.cszi.com/archives/482 打开网站:https://hexo.io/ npm install hexo-cli -g hexo init blog cd blog npm install hexo server #可以直接查看效果 hexo generate #生成静态文件,文件会被生成在public目录下 rm -r /var/www/html #删除默认的站点目录 ln -s /usr/share/hexo/blog/publ
hexo+github搭建个人博客
最近用hexo+github搭建了自己的个人博客-https://liuyfl.github.io,其中碰到了一些问题,记录下来,以便查阅. hexo+github在win7环境下搭建个人博客:hexo搭建博客教程01 hexo主题制作: hexo搭建博客教程02 hexo搭建博客教程03 hexo搭建博客教程04
基于Hexo和Github搭建博客
搭建自己的个人博客. 准备工作 确保电脑需要已下载安装node和npm.查看安装是否成功,windows只需在命令行输入以下两条命令即可. 1 2 $ node -v $ npm -v 安装hexo 安装hexo 1 $ npm install -g hexo 检测hexo版本来确保hexo是否成功安装 1 $ hexo v 注:可能报错,可以试试执行 1 npm install hexo --no-optional 进入本地工程目录,初始化hexo 1 2 $ cd blog $ hexo i
Hexo的coney主题的一些补充说明
title: Hexo的coney主题的一些补充说明 date: 2014-12-14 14:10:44 categories: Hexo tags: [hexo,技巧] --- Coney是一个非常优秀的Hexo主题,然而在使用的过程中,我发现作者有一些地方没有说清.因此在这里写一些我使用中发现的问题和解决方法. 标签 作者并未说明多个标签之间应该以何种方式分隔,我尝试使用逗号,空格以及方括号均不能正确分隔标签.后来尝试使用一种笨的方法添加标签: tags: 标签一 tags: 标签二 tag
基于hexo+github搭建一个独立博客
一直听说用hexo搭建一个拥有自己域名的博客是很酷炫的事情~,在这十一花上半个小时整个hexo博客岂不美哉. 使用Hexo吸引我的是,其简单优雅, 而且风格多变, 适合程序员搭建个人博客,而且支持多平台的搭建,再加上有些node,git基础,分分钟创建出一个高大上的博客.废话少说,开始吧. 准备工作 1.node:用来生成静态页面的 到Node.js官网下载相应平台的最新版本,一路安装即可. 2.git: 把本地的hexo内容提交到github上去.没有安装的可以看此教程. 3.github:用
手把手教从零开始在GitHub上使用Hexo搭建博客教程(四)-使用Travis自动部署Hexo(2)
前言 前面一篇文章介绍了Travis自动部署Hexo的常规使用教程,也是个人比较推荐的方法. 前文最后也提到了在Windows系统中可能会有一些小问题,为了在Windows系统中也可以实现使用Travis自动部署Hexo,本文介绍另外一种方式来实现. 是通过GitHub API来实现的,用到了Linux中的sed命令. 新建Access Token Personal Access Token是用于操作repo的口令. 点击用户图像,然后点击Settings(设置)选项. 进入设置面板后,点击左侧
热门专题
shell脚本对大文件进行非对称rsa加密
mac git 解决冲突
vscode electron 插件
sql select 生僻字
oracle 主库和备库创建相同service
usb 错误状态E5
ubuntu安装udt
fap是什么格式的文件
微信小程序navigator无法跳转
2008系统装上无法启动怎么回事
impala ndv函数
arcgis怎么把山体阴影叠加
爬虫Bad Gateway
Python如何开启独立的进程
tinker 热修复之后导致findViewbgid找不到
VMware Workstation桥接模式静态ip无法访问
pm2.json 配置详情
8266 server模式
docker版nessus破解版
openpyxl 图片太大