hexo主题sausage

sausage是基于Yilia二次开发完成的.

关于主题

基于Yilia做的主要工作是删减, 包括:

  1. 左侧栏删除导航切换和下方的icon链接;

    私以为: 这些都可以放到 关于我 页面没必要在每个左侧栏都显示.

  2. 删除一些不必要的修饰元素, 比如文章信息标签前的树叶icon, 日期icon, 包裹文章整体的边框, more链接;

    一些不必要的修饰元素会干扰文章的阅读, 在列表页点击文章标题已经可以到达文章正文了就没必要再添加一个more链接.

  3. 删除手机端的顶部固定导航菜单;

    一是Yilia本身处理有触摸冲突问题, 二是干扰阅读.

当然除了删减外还是做了一点表面工作:

  1. CDN支持, 便于静态资源使用CDN加速, 也对样式修改后更好发版作出了支持(对于想要直接改主题源码的人来说);

  2. 文章内容是否可选的控制, 只是阻挡一下小白随意拷贝文章内容;

  3. 单篇文章控制是否开启评论功能, 相类似的控制包括是否标记为原创等, 后面作出具体说明;

  4. 单独生成标签页面;

使用

安装

1
git clone https://github.com/qbeenslee/hexo-theme-sausage.git themes/sausage

配置

一般情况下Hexo工程目录结构如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|A|_config.yml
|B|db.json
|C|node_modules

|D|package.json
|E|public

|F|scaffolds
|G| |draft.md
|H| |page.md
|I| |post.md
|J|source

|K|themes
|L| |sausage
|M| |_config.yml
|N| |layout

|O| |source

修改Hexo根目录下_config.yml (A文件)来应用本主题.

1
theme: sausage

修改主题目录下_config.yml (M文件)来配置本主题, 这里对几个主要的配置做个说明:

Key参数说明
CDN_PATH链接(可选)CDN仓库的地址, 比如http://xxxx.clouddn.com/static/ 下保存了和public(E)目录里生成全部静态资源
theme_version字符串(可选)避免CDN缓存造成的样式更新不及时, 现在仅支持style.css文件
avatar链接显示在左侧栏上方的环形头像(PC端)
apple_touch_icon链接桌面icon
shortcut_icon链接标签栏icon
aboutme链接(可选)链接到关于我, 在页面最下端个人表示会添加超链接
copyright链接(可选)如果文章开启了 original: true会对版权说明做超练级
duoshuo字符串(可选)填上多说的short_name
content_selectabletrue/false全局控制内容是否可选
fold_commentstrue/false是否全局折叠评论(不是移除, 可点击查看评论展开评论)

单篇文章属性配置

举个例子:

1
2
3
4
5
6
7
8
9
10
11
title: 技术博客整理
date: 2015-10-24 01:29:12
updated: 2015-10-24 01:29:12
original: false
top: true
categories: mobile
selectable: true
tags:
- android
- 技术博客
- 整理

主要的几个参数说明

key参数说明
originaltrue/false是否为原创文章, 为true是会在文章的右下方显示本文为原创,转载请遵守本站版权声明
selectabletrue/false文章内容是否可选, 只能防小白…
noDatetrue/false是否显示日期

简洁的多说评论

登录到多说后台, 设置 -> 基本设置 -> 自定义css

拷贝simple-duoshuo中的css文件内容, 保存即可.

生成标签页

需要手动生成一个page, hexo new page ‘tag’

编辑markdown文件内容如下:

1
2
3
4
5
6
7
title: 标签
original: false
comments: false
noDate: true
layout: post
selectable: false

本文为原创,转载请遵守本站版权声明

更新于: 2016年10月28日 03:10