hexojs / hexo-theme-light Goto Github PK

View Code? Open in Web Editor NEW

317.0 32.0 177.0 12.26 MB

A simple theme for Hexo

Home Page: https://hexojs.github.io/hexo-theme-light/

License: MIT License

JavaScript 6.25% Stylus 48.35% EJS 45.41%

hexo hexo-theme

hexo-theme-light's Introduction

Light

A simple theme for Hexo.

Install

Execute the following command and modify theme in _config.yml to light.

git clone --depth 1 https://github.com/hexojs/hexo-theme-light themes/light

_config.yml
- theme: some-theme
+ theme: light

Update

Execute the following command to update Light.

cd themes/light
git pull

Config

Default config:

menu:
  Home: /
  Archives: /archives

widgets:
- search
- category
- tag
- twitter

excerpt_link: Read More

twitter:
  username:
  show_replies: false
  tweet_count: 5

fancybox: true

google_analytics:
rss:

menu - Main navigation menu
widget - Widgets displaying in sidebar
excerpt_link - "Read More" link text at the bottom of excerpted articles
twitter - Twitter widget config
- username - Twitter username
- show_replies - Enable displaying replies
- tweet_count - Tweets display in widget
fancybox - Enable Fancybox
google_analytics - Google Analytics ID
rss - RSS subscription link (change if using Feedburner)

Features

Gallery Post

---
layout: photo
title: Gallery Post
photos:
- https://i.postimg.cc/c49xRqRP/1.jpg
- https://i.postimg.cc/288jLjZ4/2.jpg
- https://i.postimg.cc/T2cYP5pd/3.jpg
---

Link Post

---
layout: link
title: Link Post
link: http://www.google.com/
---

Tweet Widget

Fancybox

hexo-theme-light's People

Contributors

Stargazers

Watchers

Forkers

jdpaton jjgod heroicyang ym billryan inetfuture louy2 xiaofuzi sonald shukrichiiu zsj2145676 leecrossley philippkeller liuji-jim star8ks jvilaplana cheneywong gyk001 colthreepv hutaow chadluo niphor eternnoir toutoudnf findslowly iwill mba811 lazecate forecho f3stinalente archr ds82 carya m80126colin kongnuanzhao mrjohannchang beneti hznoob chakming ironm yuqiao seanlook wuchong kublaj jackroyal zsae akarzim anthonyserious medicor chenlaoshi provencexx bingli8882 kezhuw herrdu msakamaki sunqibuhuake bsander baininghan metavige yukitch qiufanghua zhaonanyu tomka interist32 kiwenlau pengloo53 klugjo jmacmahon ninnka noahziheng raven99 noname007 ossoen penjun fengrenxiaoli abetter sean8694 yimun syhlion emceeaich will9527f woinck naeemkhedarun shunonymous mariogrip rishubn rlugojr jypeitao syndicate1 babysource imilnb liuyanling ztelur zzjeric hopkins6 lane128 icanfly kouqinren binux piktaszuikis

hexo-theme-light's Issues

how to create a archive widget in Light theme？

Maybe I can use the list_archives to get all archives,but the default style is not same as my theme,so I must to find another way to solve this problem.You can visit my blog in here:
http://qinyuanpei.github.io/

archive not working

Archives is showed the same with home.
what is wrong?

Cannot be displayed properly after deployed

The local preview has no problem, but after the deployed of the blog, i just can see my blog's name and a big blank area.

Here is the prompt infomation:

The page build completed successfully, but returned the following warning for the master branch:

You are attempting to use a Jekyll theme, "light", which is not supported by GitHub Pages. Please visit https://pages.github.com/themes/ for a list of supported themes. If you are using the "theme" configuration variable for something other than a Jekyll theme, we recommend you rename this variable throughout your site. For more information, see https://help.github.com/articles/adding-a-jekyll-theme-to-your-github-pages-site/.

How can i fix it? Thanks

Cannot read property 'height' of undefined & TypeError

Wrong Code:

ERROR /Users/felixxiong/FelixXiongHexoFolder/themes/light/layout/layout.ejs:7
    5|   <div id="content" class="inner">
    6|     <div id="main-col" class="alignleft"><div id="wrapper"><%- body %></div></div>
 >> 7|     <aside id="sidebar" class="alignright"><%- partial('_partial/sidebar', {}, {cache: true}) %></aside>
    8|     <div class="clearfix"></div>
    9|   </div>
    10|   <footer id="footer" class="inner"><%- partial('_partial/footer') %></footer>

/Users/felixxiong/FelixXiongHexoFolder/themes/light/layout/_partial/sidebar.ejs:2
    1| <% theme.widgets.forEach(function(widget){ %>
 >> 2|   <%- partial('../_widget/' + widget) %>
    3| <% }); %>

/Users/felixxiong/FelixXiongHexoFolder/themes/light/layout/_widget/weibo.ejs:4
    2|   <h3 class="title">我的微博</h3>
    3|     <ul class="weibo">
 >> 4| 	<iframe width="100%" height="<%= theme.weibo.height%>" class="share_self"  frameborder="0" scrolling="no" src="<%- theme.weibo.url %>"></iframe>
    5|     </ul>
    6| </div>

Cannot read property 'height' of undefined
TypeError: /Users/felixxiong/FelixXiongHexoFolder/themes/light/layout/layout.ejs:7
    5|   <div id="content" class="inner">
    6|     <div id="main-col" class="alignleft"><div id="wrapper"><%- body %></div></div>
 >> 7|     <aside id="sidebar" class="alignright"><%- partial('_partial/sidebar', {}, {cache: true}) %></aside>
    8|     <div class="clearfix"></div>
    9|   </div>
    10|   <footer id="footer" class="inner"><%- partial('_partial/footer') %></footer>

/Users/felixxiong/FelixXiongHexoFolder/themes/light/layout/_partial/sidebar.ejs:2
    1| <% theme.widgets.forEach(function(widget){ %>
 >> 2|   <%- partial('../_widget/' + widget) %>
    3| <% }); %>

/Users/felixxiong/FelixXiongHexoFolder/themes/light/layout/_widget/weibo.ejs:4
    2|   <h3 class="title">我的微博</h3>
    3|     <ul class="weibo">
 >> 4| 	<iframe width="100%" height="<%= theme.weibo.height%>" class="share_self"  frameborder="0" scrolling="no" src="<%- theme.weibo.url %>"></iframe>
    5|     </ul>
    6| </div>

Cannot read property 'height' of undefined
    at eval (eval at compile (/Users/felixxiong/FelixXiongHexoFolder/node_modules/ejs/lib/ejs.js:584:12), <anonymous>:11:38)
    at returnedFn (/Users/felixxiong/FelixXiongHexoFolder/node_modules/ejs/lib/ejs.js:615:17)
    at Theme._View.View._compiledSync.locals [as _compiledSync] (/Users/felixxiong/FelixXiongHexoFolder/node_modules/hexo/lib/theme/view.js:120:22)
    at Theme._View.View.View.renderSync (/Users/felixxiong/FelixXiongHexoFolder/node_modules/hexo/lib/theme/view.js:48:23)
    at Object.partial (/Users/felixxiong/FelixXiongHexoFolder/node_modules/hexo/lib/plugins/helper/partial.js:39:15)
    at Object.wrapper [as partial] (/Users/felixxiong/FelixXiongHexoFolder/node_modules/lodash/lodash.js:4941:19)
    at eval (eval at compile (/Users/felixxiong/FelixXiongHexoFolder/node_modules/ejs/lib/ejs.js:584:12), <anonymous>:12:17)
    at Array.forEach (<anonymous>)
    at eval (eval at compile (/Users/felixxiong/FelixXiongHexoFolder/node_modules/ejs/lib/ejs.js:584:12), <anonymous>:9:22)
    at returnedFn (/Users/felixxiong/FelixXiongHexoFolder/node_modules/ejs/lib/ejs.js:615:17)
    at Theme._View.View._compiledSync.locals [as _compiledSync] (/Users/felixxiong/FelixXiongHexoFolder/node_modules/hexo/lib/theme/view.js:120:22)
    at Theme._View.View.View.renderSync (/Users/felixxiong/FelixXiongHexoFolder/node_modules/hexo/lib/theme/view.js:48:23)
    at fragment_cache (/Users/felixxiong/FelixXiongHexoFolder/node_modules/hexo/lib/plugins/helper/partial.js:36:52)
    at Object.fragmentCache (/Users/felixxiong/FelixXiongHexoFolder/node_modules/hexo/lib/plugins/helper/fragment_cache.js:9:32)
    at Object.wrapper [as fragment_cache] (/Users/felixxiong/FelixXiongHexoFolder/node_modules/lodash/lodash.js:4941:19)
    at Object.partial (/Users/felixxiong/FelixXiongHexoFolder/node_modules/hexo/lib/plugins/helper/partial.js:36:17)
    at Object.wrapper [as partial] (/Users/felixxiong/FelixXiongHexoFolder/node_modules/lodash/lodash.js:4941:19)
    at eval (eval at compile (/Users/felixxiong/FelixXiongHexoFolder/node_modules/ejs/lib/ejs.js:584:12), <anonymous>:18:17)
    at returnedFn (/Users/felixxiong/FelixXiongHexoFolder/node_modules/ejs/lib/ejs.js:615:17)
    at Theme._View.View._compiled.locals [as _compiled] (/Users/felixxiong/FelixXiongHexoFolder/node_modules/hexo/lib/theme/view.js:124:48)
    at Theme._View.View.View.render (/Users/felixxiong/FelixXiongHexoFolder/node_modules/hexo/lib/theme/view.js:29:15)
    at _compiled.then.result (/Users/felixxiong/FelixXiongHexoFolder/node_modules/hexo/lib/theme/view.js:40:23)

This is my folder：

Some widgets link：
pengloo53/Hexo-theme-light_cn/layout/

How to use the "read more" function？

首页文章怎么只显示摘要而不是全文？

首页文章怎么只显示摘要而不是全文，在哪里设置？

会考虑加入pjax吗？

Pjax 使得HTTP的请求次数变少，并且不会刷新整个界面。
无奈我一直不会弄。

怎样把菜单的选项改掉？

怎样把菜单的选项改掉？例如添加，删除某项，或者是改变显示的文字等等

How to show every pages in the bottom?

How to show every pages in the bottom? There are only next and pre botton in the bottom, I want to know how to show each page numbers in the bottom, like 1,2,3...?

使用从github仓库获取的light主题，generate 失败

layout/_partial/post 目录下的 tag.ejs 和 category.ejs 两个文件的第一行

<% if (item.categories.length){ %>

比之前多了个 .length。generate时报错

Cannot read property 'length' of undefined

Archives没有下一页数据了

>> 的顯示效果在中文排版中非常不理想

即爲 Markdown 的標記符號，對應的 HTML 標籤大概是
。

發現其引用效果爲居中，斜體字化，而中文就偏偏不適合這種西式排版風格。

而且字體比正文還大，既然引用本身就可能包含了大規模引用的情況，如果在這樣的情況，它比正文還喧賓奪主，就不妥了。

強烈期望改爲居左，去掉斜體字化，減小字號，能用楷體就更理想了。

可惜在下不懂前端設計，否則就會幫忙貢獻了。謝謝 tommy351 大大！

附示范图：

Next/Prev post items?

Hi Tommy,

I am currently adapting Hexo to create an art-directed blog, but I can't find a helper to get the next/prev links for post (instead of pages).

Any pointer on how could I achieve this?

Thanks for your concern!

twitter插件不能显示

German language tags?

I've installed the Light theme.
I've added language: en to _config.yml.
But for some reason on the live site, in the search bar it reads 'suche' which is German for search.
And Kommentare for comments?

Please help:

_config.yml:

# Hexo Configuration
## Docs: https://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/

# Site
title: The Writings of T.T. Gregg
subtitle:
description:
author: T.T. Gregg
language:  en
timezone:

# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://timothytgregg.github.io
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:

# Directory
source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:

# Writing
new_post_name: :title.md # File name of new posts
default_layout: post
titlecase: false # Transform title into titlecase
external_link: true # Open external links in new tab
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
future: true
highlight:
  enable: true
  line_number: true
  auto_detect: false
  tab_replace:

# Category & Tag
default_category: uncategorized
category_map:
tag_map:

# Date / Time format
## Hexo uses Moment.js to parse and display date
## You can customize the date format as defined in
## http://momentjs.com/docs/#/displaying/format/
date_format: YYYY-MM-DD
time_format: HH:mm:ss

# Pagination
## Set per_page to 0 to disable pagination
per_page: 10
pagination_dir: page

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: light

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: [email protected]:timothytgregg/timothytgregg.github.io.git
  branch: master

Links Widget

Hi,

Can you add a widget for add links to other websites ?

Thks a lot

fancybox is not working

layout: photo
title: Fancybox  Post
photos:
- http://xxx.jpg

---

I created new post like above, but fancybox is not working, so is the Light Demo Page

How to disable playback in fancybox

I don't want to loop images show. Where should I set cyclic:false?

Differents disqus instances for a same article

Hello,

I just had a "bug" with this theme. I shared an article with Buffer and this service added an url parameter and when a visitor posted a comment with this url, the comment was visible just with this url and this parameter.

To fix this problem, i added a line in layout/_partial/after_footer.ejs (just after var disqus_shortname)

var disqus_url = '<%= config.url +"/"+ page.path %>';

What do you think about this modification?

can not visit google url ,open the blog is so slow

recently，I open my blog with light framework is very very slowly because we can't visit google website in china.

light framework dependence ajax.google/jquery.min.js and
http://fonts.googleapis.com/css?family=Lato:400,400italic.

so it can be replaced??

Cannot see image in your README.md

When I went to https://github.com/hexojs/hexo-theme-light
I cannot see any images in your README.md.

Slow rendering in comparison to `landscape`

So there's this issue I opened at hexo github page hexojs/hexo#1769 and we figured out that the light makes the pages generation 15 times slower than the landscape theme with 400 posts. Would you have an idea on what makes the light theme so slow in comparison to generate?

Edit

It's the tagcloud widget that actually slows down every page generation.

sudo apt-get update
sudo apt-get install -y openjdk-7-jdk

you can check my blog and source code

I only remembered that I changed light/source/css/_partial/article.stly and themes/light/source/css/_partial/syntax.stly

Now, I want to change the highlight style to be for colorful like this, how can I do it? Or which file/part of the theme is related to code highlight?