All Projects → boizz → Hexo Theme Laughing

boizz / Hexo Theme Laughing

Licence: mit
A lightweight hexo theme

Projects that are alternatives of or similar to Hexo Theme Laughing

Hexo Theme Butterfly
🦋 A Hexo Theme: Butterfly
Stars: ✭ 3,146 (+1600.54%)
Mutual labels:  hexo, hexo-theme, pug
hexo-theme-chiangmai
A theme of Hexo Inspired by Chiang-Mai City 🇹🇭
Stars: ✭ 32 (-82.7%)
Mutual labels:  hexo, pug, hexo-theme
Hexo Theme Lite
Keep Calm, Light and Writing. Light Hexo Theme.
Stars: ✭ 148 (-20%)
Mutual labels:  hexo, hexo-theme
Hexo Theme Amazing
Demo: https://removeif.github.io/removeif-demo hexo-theme
Stars: ✭ 154 (-16.76%)
Mutual labels:  hexo, hexo-theme
Hexo Theme Aath
Hexo 主题
Stars: ✭ 154 (-16.76%)
Mutual labels:  hexo, hexo-theme
Hexo Theme Overdose
⚠ Caution: you could be overdosed with this theme.
Stars: ✭ 137 (-25.95%)
Mutual labels:  hexo, hexo-theme
Paper
🌈 一个类纸风的主题paper🎉(still updating...)
Stars: ✭ 142 (-23.24%)
Mutual labels:  hexo-theme, pug
Hexo Theme Arknights
明日方舟罗德岛阵营的 Hexo 主题,支持数学公式、Valine评论系统、Mermaid图表
Stars: ✭ 154 (-16.76%)
Mutual labels:  hexo, hexo-theme
Terminal theme
A simple theme based on hexo 👻👻👻
Stars: ✭ 160 (-13.51%)
Mutual labels:  hexo-theme, pug
Hexo Theme Shana
what's a cool hexo theme!
Stars: ✭ 166 (-10.27%)
Mutual labels:  hexo, hexo-theme
Hexo Theme Random
A hexo theme with random fullscreen background image.
Stars: ✭ 179 (-3.24%)
Mutual labels:  hexo, hexo-theme
Feathericon
simply generic vector icon collection - including sketch file, svg files, and font files.
Stars: ✭ 178 (-3.78%)
Mutual labels:  sass, pug
Fan
hexo-theme
Stars: ✭ 137 (-25.95%)
Mutual labels:  hexo-theme, pug
Hexo Theme Lx
👉 A simple & clear & elegant Hexo theme. 🔭🔭Lx——一款简洁、美观的Hexo博客主题。
Stars: ✭ 144 (-22.16%)
Mutual labels:  hexo, hexo-theme
Hexo Theme Tranquilpeak
💄 A gorgeous responsive theme for Hexo blog framework
Stars: ✭ 1,740 (+840.54%)
Mutual labels:  hexo, hexo-theme
Flex Block
一个基于Hexo的主题
Stars: ✭ 133 (-28.11%)
Mutual labels:  hexo, hexo-theme
Compile Hero
🔰Visual Studio Code Extension For Compiling Language
Stars: ✭ 169 (-8.65%)
Mutual labels:  sass, pug
Yinwang
Blog Theme For Hexo
Stars: ✭ 133 (-28.11%)
Mutual labels:  hexo, hexo-theme
Gulp Starter Kit
A simple Gulp 4 Starter Kit for modern web development.
Stars: ✭ 134 (-27.57%)
Mutual labels:  sass, pug
Hexo Theme Varaint
varaint for Hexo
Stars: ✭ 159 (-14.05%)
Mutual labels:  hexo, hexo-theme

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 [email protected]: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: http://github.com/BoizZ

多说

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

需要注意的是,多说的url配置默认使用站点的配置。请更改站点配置中url为自己的域名。

## enable:是否开启多说(true:开启,false:关闭)
## siteName:多说账号种填写的网站名称
duoshuo:
  enable: true
  siteName: ueibo

版权

## 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

参考

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].