BlueLake

English | 简体中文

一个简洁轻量化的响应式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推荐的方式）。

自定义page页面

在source文件夹中创建文件夹index.md来添加页面，并在index.md的front-matter'中添加layout：page。 Create folders inlcuding index.mdinsourcefolder to add pages, and add alayout: pageinfront-matterofindex.md`.

About页面

此主题默认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 

点击预览About页面

代码语法高亮

请在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）,欢迎修改主题并翻译成其他语言。

Solutions

• 检查您当前的hexo的根目录，是否包含source /，themes /等。
• 如果你在使用这个主题有任何问题，请随时打开一个issue，或者给我发邮件zhenggchaoo@gmail.com。

浏览器支持

License

MIT License

贡献

欢迎各种形式的贡献（增强功能，添加新功能，撰写文档，改进代码，提交问题和检查BUG...）。

期待您的pull request。