一个简洁轻量化的响应式Hexo博客主题。
$ git clone https://github.com/chaooo/hexo-theme-BlueLake.git themes/BlueLake
$ npm install hexo-renderer-jade --save
$ npm install hexo-renderer-stylus --save
在Hexo配置文件(hexo/_config.yml
)中把主题设置修改为BlueLake
。
theme: BlueLake
如果你想生成压缩后的css,在(hexo/_config.yml
)中添加:
stylus:
compress: true
cd themes/BlueLake
git pull
打开themes/BlueLake/_config.yml
进行配置。
# Theme version
version: 1.1.0
# Header
menu:
- page: home
directory: .
icon: fa-home
- page: archive
directory: archives/
icon: fa-archive
- page: about
directory: about/
icon: fa-user
- page: rss
directory: atom.xml
icon: fa-rss
# Sidebar
widgets:
- search
- category
- tag
- archive
- recent_posts
- recent_comments
##- weibo
##- links
# Static files
js: js
css: css
#Local search
local_search: true ## Use a javascript-based local search engine, true/false.
swiftype: ## Your swiftype_key, e.g. m7b11ZrsT8Me7gzApciT
tinysou: ## Your tinysou_key, e.g. 4ac092ad8d749fdc6293
#Cmments
duoshuo: ## Your duoshuo_shortname, e.g. username
disqus: ## Your disqus_shortname, e.g. username
# About page
about:
photo_url: ## Your photo e.g. http://obzf7z93c.bkt.clouddn.com/themeauthor.jpg
email: ## Your email(show for footer and about page) e.g. zhenggchaoo@gmail.com
weibo_url: ## Your weibo's url(show for footer and about page) e.g. http://weibo.com/zhengchaooo
weibo_name: ## Your weibo's name e.g. 秋过冬漫长
github_url: ## Your github'url(show for footer and about page) e.g. https://github.com/chaooo
github_name: ## Your github'name e.g. chaooo
# Friend link
links:
- title: site-name1
url: http://www.example1.com/
- title: site-name2
url: http://www.example2.com/
- title: site-name3
url: http://www.example3.com/
# Miscellaneous
show_category_count: true ## If you want to show the count of categories in the sidebar widget please set the value to true.
widgets_on_small_screens: true ## Set to true to enable widgets on small screens.
busuanzi: true ## If you want to use Busuanzi page views please set the value to true.
google_analytics: ## Your Google Analytics tracking id, e.g. UA-42425684-2
baidu_analytics: ## Your Baidu Analytics tracking id, e.g. 8006843039519956000
- version - 用于自动刷新CDN上的静态文件。
- menu - 导航菜单。
- widgets - 侧边栏中的窗口小部件。
- Static files - 静态文件目录,以方便CDN使用。
- Local search
- self_search - 默认本地JS搜索.
- tinysou - Tiny Search key。
- swiftype - Swiftype Search key。
- Cmments
- duoshuo - 若使用多说评论,注册多说后在这填写short_name(用于评论与分享)。
- disqus - 若使用Disqus评论,注册Disqus后在这填写short_name。
- About page - 关于我页面(hexo new page 'about')。
- links - 友情链接。
- Miscellaneous
- show_category_count - 是否在侧边栏分类中显示类别的数量(true/false).
- widgets_on_small_screens - 小屏幕下侧边栏在底部显示.
- busuanzi - 用Busuanzi来统计网站访问量.
- google_analytics - Google Analytics tracking ID。
- baIDu_analytics - Baidu Analytics tracking ID。
您可以准备一张ico格式并命名为** favicon.ico **,请将其放入hexo目录的source
文件夹,建议大小:32px * 32px。
您可以为苹果设备添加网站徽标,请将名为** apple-touch-icon.png **的图像放入hexo目录的“source”文件夹中,建议大小为:114px * 114px。
您可以在文章的 front-matter 中添加 description,并提供文章摘录,或在文章中使用‘‘<!--more-->
’’手动进行截断(Hexo推荐的方式)。
在source
文件夹中创建文件夹index.md
来添加页面,并在index.md
的front-matter'中添加
layout:page。 Create folders inlcuding
index.mdin
sourcefolder to add pages, and add a
layout: pagein
front-matterof
index.md`.
此主题默认page页面是关于我页面的布局,生成一个关于我页面:
$ hexo new page 'about'
配置照片地址、邮箱、微博链接、微博名、GitHub链接、Github名:
# About page
about:
photo_url: ## Your photo e.g. http://obzf7z93c.bkt.clouddn.com/themeauthor.jpg
email: ## Your email
weibo_url: ## weibo photo
weibo_name: ## Your weibo's name
github_url: ## Your github'url
github_name: ## Your github'name
请在hexo目录的“hexo/_config.yml”中设置“highlight”选项,如下所示:
highlight:
enable: true
auto_detect: true
line_number: true
tab_replace:
如果要使用本地站点搜索,您必须安装插件hexo-generator-json-content来创建JSON搜索文件 ,然后将配置添加到hexo/_config.yml
:
$ npm install hexo-generator-json-content --save
然后在hexo/_config.yml
添加配置:
jsonContent:
meta: false
pages: false
posts:
title: true
date: true
path: true
text: true
raw: false
content: false
slug: false
updated: false
comments: false
link: false
permalink: false
excerpt: false
categories: false
tags: true
该主题目前有七种语言:简体中文(zh-CN),繁体中文(zh-TW),英语(en),法语(fr-FR),德语(de-DE),韩语 (ko),西班牙语(es-ES),欢迎修改主题并翻译成其他语言。
- 检查您当前的hexo的根目录,是否包含
source /
,themes /
等。 - 如果你在使用这个主题有任何问题,请随时打开一个issue,或者给我发邮件zhenggchaoo@gmail.com。
欢迎各种形式的贡献(增强功能,添加新功能,撰写文档,改进代码,提交问题和检查BUG...)。
期待您的pull request。