Skip to content
A lightweight hexo theme
Branch: master
Clone or download
Pull request Compare This branch is 35 commits ahead, 2 commits behind boizz:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
layout
source
.bowerrc
.gitignore
LICENSE
README.md
_config.yml
gruntfile.js
package.json

README.md

Laughing theme for hexo

Build Status Hexo GitHub license

简单轻量的hexo主题。

Demo: lalala.lol

外观

响应式布局,宽松设计,还原最佳阅读体验。

电脑界面

手机界面

功能

  • 10分钟快速配置
  • 支持多说评论,自由开启评论,主题定制样式
  • 简易二次开发

安装

  1. 安装hexo-render-pug

Laughing主题使用pug模板引擎开发,所以首先需要在主程序中安装依赖组件。

npm install hexo-renderer-pug --save
  1. 拷贝主题到themes目录
cd themes
git clone git@github.com:BoizZ/hexo-theme-laughing.git
  1. 修改主程序的_config.yml文件
theme: hexo-theme-laughing

主题配置文档

主题的配置都放在了 _config.yml 文件里面。

网站图标

favicon: /favicon.ico

SEO

站点标题、副标题、描述沿用站点的配置。

## 关键字
keywords: Hexo, Gruntjs, Nodejs, Reactjs, Vuejs

页头

菜单按钮风格目前支持两种:darklight

## 页面背景
page_background: /default_images/page_background.jpg

## 页面菜单按钮风格
page_menu_button: dark

## 文章背景
post_background: /default_images/post_background.jpg

## 文章菜单按钮风格
post_menu_button: light

## 标题占位字:无标题类型文章的标题占位字
title_plancehold: '随笔'

## 自定义菜单
navication:
  - name: Lalala.lol
    link: http://lalala.lol

作者信息

作者的名字沿用站点的配置。

## head:作者头像
## signature:作者签名
author:
  head: /default_images/author_head.gif
  signature: Only when you plant the flowers can you really smell their fragrance.

内容宽度

可自定义内容的最大显示宽度。

content_width: 600

社交信息

主题内置的社交图标目前有:facebook, twitter, weibo, wechat, github, stackoverflow, linkin, email, segmentfault, flickr, zhihu, disqus, douban, bilibili

如需新增请在Issues里面提出

## name:名称
## icon:图标(请使用配置文件里面给出的图标)
## link:指向当前社交账号的链接
social:
  - name: GitHub
    icon: github
    link: https://github.com/C0dingNote

Disqus

Disqus是自由开启的,默认开启,如果不需要则在配置文件里面关闭即可。

需要注意的是,如果开启Disqus,请更改站点配置中dsq_url为自己的域名。

## enable:是否开启Disqus(true:开启,false:关闭)
## dsq_url:Disqus账号中关联的站点地址
disqus:
  enable: true
  dsq_url: 'https://EXAMPLE.disqus.com/embed.js'

版权

## record: 备案名称(若无则填写 false)
## hexo: 是否显示“POWER BY HEXO”
## laughing:是否显示“THEME BY LAUGHING”
copyright:
  record: false
  hexo: true
  laughing: true

二次开发 Build Status

Laughing主题遵循简易开发模式,以文件层级及命名细分模块,二次开发比较简单。

模板引擎

Laughing主题使用pug作为模板引擎,在开发前请确保已经安装了hexo-render-pug插件,如未安装,请在Hexo程序根目录运行以下命令进行安装:

npm install hexo-renderer-pug --save

安装依赖工具

安装Grunt

Laughing主题使用sass作为预编译样式语言,使用grunt监听文件变化并编译成css。当然,sass是基于ruby的,需要在电脑上安装ruby

进入主题目录,运行以下命令安装grunt以及其他依赖:

npm install

安装Ruby

sudo apt-get install ruby-full

安装sass

sudo gem install sass --no-user-install

参考

You can’t perform that action at this time.