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

前言 本博客基于Hexo框架搭建,用到 hexo-theme-butterfly 主题(本人博客Butterfly版本3.4.0),hexo-theme-butterfly是基于Molunerfinn的hexo-theme-melody的基础上进行开发的. Butterfly 已经更新到 3.6.2 ,请先参考这系列文档 Butterfly教程 进行基本配置 .如果这篇文章帮到了你,请在 留言板 写下您的评语吧,感谢您的大力支持! 主题特点: 1. 简单漂亮,文章内容美观易读 2.Materia

前言 前天无意在b站看到up主CodeSheep上传的博客搭建教程,引起了我这个有需求但苦于没学过什么博客框架的小白的兴趣.于是花了两天时间终于终于把自己的博客搭建好了,踩了无数的坑,走偏了无数的路,百度(谷歌)了无数次,但真的很有成就感. 注意:Hexo是个很成熟(使用人数多)的博客框架,你遇到的问题别人基本都能遇到,沉住气总能找到解决方法. 说明 1.为了避免以后再搭建的时候踩到这些坑,并且我也有写博客的习惯,决定把教程和问题的解决方法总结在以后的四篇文章中,等文章发布后链接会在下面给出.

Butterfly美化 首先提示,本文量特别大哦!基本上有所有的美化,还在持续更新ing,谨慎入坑......... 主题配置文件修改 基础配置 最最最开始的,好不容易搭建了自己的个人博客,当然要写上自己的名字.签名......,证明身份.而且身为一个Chinese,还是中文舒服,所以主目录下_config.yml的配置文件: # Site title: FATE #标题名字 subtitle: '' description: '' #签名 keywords: author: MoYu-zc #

阅读本篇前,请先阅读前几篇文章: 基于 Hexo 从零开始搭建个人博客(一) 基于 Hexo 从零开始搭建个人博客(二) 基于 Hexo 从零开始搭建个人博客(三) 基于 Hexo 从零开始搭建个人博客(四) 前言 本站基于Hexo搭建,用的 hexo-theme-butterfly 主题 v3.7.1,请注意最新的 hexo-theme-butterfly 版本已经更新到 v4.2.2 . 如果你是 v3.7.1 之外的版本,可能有些地方会有出入,请留意. 注意:我的博客根目录路径为 [G:/

之前我已经写了一篇文章详细的讲述了如何使用hexo搭建github博客.如果还没有看的可以去看看,hexo搭建博客 其实,根据这篇文章的过程我们就能够搭建一个专属于自己,并且非常美观的博客了.但是如果你像我一样喜欢折腾,喜欢做到极致,比如添加打赏,添加文章导航,以及文章阅读次数,这些都很简单,按照主题文件的模版一点点修改,就能实现自己想要的效果了. 这篇文章主要记录我折腾的两个功能: 相册和独立域名. 相册 首先,看看我们实现后的效果,点这里看我的相册 分析 然后我们分析一下,想要获取相册图片,

git 下载并安装git 进入git下载页面,下载合适的版本,并安装.一路 Next ,到了 Select Components 界面,勾选 Git Bash Here 和 Git GUI Here.一路 next,完成安装.右键桌面,会看到右键菜单多了 Git Bash Here 和 Git GUI Here 两项.此时我们就可以在资源管理器中使用git了.注意:我这次换了电脑重新安装git后发现右键git bash虽然弹出窗口,但当前目录竟然不在Desktop,后来发现是因为开启了搜狗壁纸的

在开发hexo主题pixel的时候没有选择bootstrap和jquery实现响应式菜单,而是 使用了纯css实现响应式菜单,这个想法来自于You-Dont-Need-Javascript, 这个项目分享了很多精彩的纯css效果,值得学习. 简单阅读这些css效果源码之后发现大部分css实现动态效果都是使用[type="checkbox"]也就是一个单选按钮来保存html组件的状态,更复杂的效果可能 需要单选按钮组合来实现. checkbox有一个checked状态,可以使用css伪类

hexo系列教程来源: http://zipperary.com/2013/05/28/hexo-guide-1/ hexo系列教程:(一)hexo介绍 什么是hexo hexo是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在github和Heroku上.作者是来自台湾的@tommy351.引用@tommy351的话,hexo: 快速.简单且功能强大的 Node.js 博客框架.A fast, simple & powerful blog framework, powered

原文 http://blog.zanlabs.com/2015/01/02/add-resume-type-to-hexo-under-pacman-theme/ 背景 虽然暂时不找工作,但是想着简历也是个向别人推销自己的好东西.然后也想着折腾点新的东西,如此,这般,便想着研究起写个简历了.形式不限,但是必须是在线的,最好是很简洁的. 分析 既然是在线的,那就干脆直接用博客呗,直接放在上面.写博客既然用Markdown,那简历也直接用Markdown,一个是可以在线渲染,另外一个是生成PDF的工

前言 其实平时自己写的文章并不多,偶尔看到一些东西会做点笔记,但是每次写的东西都会到处放,不好找,所以才想着自己搭建一个人博客网站,现在大家用hexo比较多,也比较方便,并且能使用的主题也很多,所以小花就用她啦~ 耍起来 由于小花的电脑在搭建博客之前就有了各种环境,但是对于没有任何基础的人来讲,我觉得还是从源头开始讲会好一点,就像教别人做菜,总得把所有的用料及步骤说清楚对吧?(大佬们可以自动忽略啊啊啊啊~) 1. 安装Git Bash 我一直不太喜欢在cmd中操作各种命令,所以挑了这个比较好使的

基于Hexo搭建博客并部署到Github Pages 之前在简书上写东西,觉得自己还是太浮躁.本来打算用Flask自己写一个,以为是微框架就比较简单,naive.HTML.CSS.JS等都要学啊,我几乎没有这方面的基础,写到Web表单那儿果断弃了,转向简单的Hexo + Github Pages.不过要想搭建博客的同时巩固Python,Flask确实是一个不错的选择. 获取Github Pages 去Github官网注册账号 新建一个repo,注意名称一定是your_username.githu

使用的yilia主题之后,还需要进行自己的定制配置 1.图片的位置 比如打赏的支付宝二维码图片,是在当前博客的source/assets/img/下 (不是当前主题) 配置:(在yilia主题下文件里themes\yilia文件夹下的_config.yml) # 打赏基础设定:0-关闭打赏: 1-文章对应的md文件里有reward:true属性,才有打赏: 2-所有文章均有打赏 reward_type: 1 # 打赏wording reward_wording: '谢谢你请我吃糖果' # 支付宝

主题的配置:这里以NexT主题作为题材 1.安装NexT,在其文件夹中鼠标右键,点击Git Base Here.输入命令:git clone https://github.com/iissnan/hexo-theme-next themes/next 2.启用主题,在站点目录中(blog),打开配置文件_config.yml,修改theme:next 3.验证主题,端口号被占用还是得先修改端口号,然后启动服务 如果看到如下界面,说明成功安装了NexT主题 4.主题设定,在next主题目录下的_c

文章导航 前期准备 安装hexo 修改hexo主题 自定义主题 部署本地文件到github查看 我的第一篇博客 前期准备 下载安装git命令行工具.node及npm环境 注册自己的GitHub账号 安装hexo 在任意位置右键–>git bash(以下命令都在gitBash中执行) 输入如下命令 npm install -g hexo 自定义文件夹(比如E:\hexo),在文件夹中右键–>git bash,该操作会将hexo安装到你指定的路径 hexo init 安装依赖包 npm insta

概述 前面我们用github pages + Hexo 搭建了一个简单版的个人博客系统,但是里面的内容单调,很多功能不够完善,所以我们需要对yelle 的主题进行优化和完善.基本搭建请访问:http://blog.csdn.net/xiangzhihong8/article/details/53355036 主题配置介绍 从中我们也可以看出,对于主题来讲,大部分可以配置的地方其实都是在这里的.所以我们需要了解一个基本的主题样式. duoshuo,如果你是打算采用多说评论系统的话,你需要设置这里,

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

以前一直想搭建一个属于自己的博客平台,有余种种原因一直未能实现,最近闲来无事,参照网上的教程,搭建了属于自己的博客.自己的博客网站,样式自由,不需要受限于各大平台. 本篇为从零开始的基础篇,本篇所包含的内容如下: 安装Git 安装NodeJs 安装hexo 生成SSH并添加到github 部署项目 上传到github 绑定个人域名 修改及配置主题 添加RSS 添加评论 写文章部分 开始 由于本人的电脑在搭建博客之前就有了各种环境,但是对于没有任何基础的人来讲,我觉得还是从源头开始讲会好一点,就像

一.前言 Hexo 是一个基于 NodeJs 博客框架,可以快速的帮我们搭建一个博客系统,Hexo使用的是Markdown(下文简称MD)解析文章的,在几秒内即可利用靓丽的主体生成静态网页. 推荐使用 Hexo 有三大理由: 有大量的主题可供人们选择 使用MD解析文章,MD是现在主流的文章格式 可以快速的生成静态网页,对于系统性能要求低 本文将包含的内容: Hexo安装 后台模式启动Hexo Hexo主题更换 构建Hexo分类列表页 添加评论功能 使用Hexo-Admin插件更方便的发布文章 本

设置Hexo主题模式 Hexo主题中,有三种不同的模式,通过切换模式,让NexT主题显示不一样的样式.在NexT根目录下有一个同样名称为_config.yml,为了区分hexo根目录下的_config.yml,将前者称为主题配置文件,在其中找到scheme属性,NexT主题默认使用Muse模式,读者可根据自己的喜好,选择其中一种模式. 设置预览摘要 设置完模式后,读者们会发现,尽管首页显示的是所有文章的列表,但是每一篇文章都显示了所有内容,这样感觉看起来不舒服,这时候可以启用预览摘要模式,在主题