hexo主题sausage
2016年7月19日 14:23示例 : jasmine-na.github.io
关于主题
基于Yilia做的主要工作是删减, 包括:
左侧栏删除导航切换和下方的icon链接;
私以为: 这些都可以放到
关于我页面没必要在每个左侧栏都显示.删除一些不必要的修饰元素, 比如文章信息标签前的树叶icon, 日期icon, 包裹文章整体的边框,
more链接;一些不必要的修饰元素会干扰文章的阅读, 在列表页点击文章标题已经可以到达文章正文了就没必要再添加一个
more链接.删除手机端的顶部固定导航菜单;
一是Yilia本身处理有触摸冲突问题, 二是干扰阅读.
当然除了删减外还是做了一点表面工作:
CDN支持, 便于静态资源使用CDN加速, 也对样式修改后更好发版作出了支持(对于想要直接改主题源码的人来说);
文章内容是否可选的控制, 只是阻挡一下小白随意拷贝文章内容;
单篇文章控制是否开启评论功能, 相类似的控制包括是否标记为原创等, 后面作出具体说明;
单独生成标签页面;
使用
安装
git clone https://github.com/qbeenslee/hexo-theme-sausage.git themes/sausage
配置
一般情况下Hexo工程目录结构如下:
|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文件)来应用本主题.
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_selectable | true/false | 全局控制内容是否可选 |
| fold_comments | true/false | 是否全局折叠评论(不是移除, 可点击查看评论展开评论) |
单篇文章属性配置
举个例子:
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 | 参数 | 说明 |
|---|---|---|
| original | true/false | 是否为原创文章, 为true是会在文章的右下方显示本文为原创，转载请遵守本站版权声明 |
| selectable | true/false | 文章内容是否可选, 只能防小白… |
| noDate | true/false | 是否显示日期 |
简洁的多说评论
登录到多说 后台, 设置 -> 基本设置 -> 自定义css
拷贝simple-duoshuo 中的css文件内容, 保存即可.
生成标签页
需要手动生成一个page, hexo new page 'tag'
编辑markdown文件内容如下:
title: 标签
original: false
comments: false
noDate: true
layout: post
selectable: false
---
文章作者: qbeenslee
