Code Monkey home page Code Monkey logo

landscape-plus's Introduction

Landscape plus

Join the chat at https://gitter.im/xiangming/landscape-plus

针对**大陆的hexo用户,优化hexo官方主题landscape。支持hexo 3.x 和 hexo 2.x。演示

主题特色

  • 新增多语言支持,支持英文(default)、中文简体(zh-CN)和中文繁体(zh-TW)。
  • 新增友情链接模块,已默认开启,修改方法看下面的FAQs
  • 新增百度分享模块,已默认开启。
  • 新增多说评论模块,开启方法看下面的FAQs,仍支持Disqus。
  • 新增mathjax模块,即latex数学公式的支持,默认关闭。(感谢 @Svtter 的pull request
  • 新增IE8支持
  • 新增返回顶部功能
  • 新增Monokai代码高亮配色,最流行、最优雅的代码高亮配色方案。
  • 移除Google库,改用国内可以访问的CDN,加快页面显示速度。
  • 外观美化,美化了部分外观样式。
  • 主题配置项优化,你可以将主题配置项放在站点的_config.yml中,避免主题更新造成的冲突。

主题还在扩展中,欢迎各种Pull Request

文档目录

release页面下载,然后解压到hexo的themes目录下。

或者直接clone最新版:(可能会存在bug,不建议新手尝试)

# 在hexo根目录下执行
git clone https://github.com/xiangming/landscape-plus.git themes/landscape-plus

修改hexo的配置文件_config.yml,把theme的值设置为landscape-plus

# Extensions
## Plugins: http://hexo.io/plugins/
## Themes: http://hexo.io/themes/
theme: landscape-plus

主题的默认配置文件landscape-plus\_config.yml

# Header
menu:
  Home: /
  Archives: /archives
rss: /atom.xml

# Content
excerpt_link: Read More
fancybox: false
mathjax: false

# Sidebar
sidebar: right
widgets:
- category
- tag
- tagcloud
- archive
- recent_posts
- links

# Links
links:
  主题作者: http://arvinxiang.com
  热前端: http://reqianduan.com
  远程.work: http://yuancheng.work

# Miscellaneous
google_analytics:
favicon: /favicon.png
twitter:
google_plus:
fb_admins:
fb_app_id:

# Comment system
duoshuo_shortname: your_shortname
disqus_shortname: your_shortname

# Baidu share
baidushare: true
  • mathjax - true/false,是否开启latex数学公式
  • duoshuo_shortname - 多说评论id
  • baidushare - true/false,是否开启百度分享

建议将 mathjaxlinksduoshuo_shortnamebaidushare配置项放在hexo的_config.yml中,而不是主题的_config.yml中,这样可以避免配置丢失。

cd themes/landscape-plus
git pull

提示 如果更新发生错误,你可以删除整个landscape-plus文件夹,然后重新执行安装操作。

怎么使用landscape plus主题?

按照上方的步骤进行安装启用

:如何开启多说评论模块?

在站点的_config.yml中,增加duoshuo_shortname: xxx配置项,xxx是你的多说id。

:如何关闭百度分享模块?

删掉themes/landscape-plus\_config.yml中的baidushare配置项。

:如何使用RSS分享功能?

请参考这条issue进行配置。

:怎么添加友情链接?

在站点的_config.yml中,增加links:配置项。

:怎么切换语言版本?

在站点的配置文件_config.yml,修改language:配置项,zh-CN为中文简体,zh-TW为中文繁体,default为英文。

:我喜欢原主题顶部的大图,如何恢复?

themes/landscape-plus/source/css/_partial/header.styl,取消第33行的注释。

:Landscape plus主题的字体配色太闪眼睛了,我怎么换回原主题的样式?

请参考这条issue进行配置。

:怎么提建议?

主题还在调整中,欢迎open issue来提建议,参与讨论。

v1.0.6

  • 修复归档页面没有分页的BUG, refs #36, fix #78, #79, #85, #103, #106

v1.0.5

  • 主题配置项优化, refs #17
  • 百度分享样式调整,refs #45, refs #61

v1.0.4

  • 新增返回顶部功能
  • 修改渲染方式,现在默认page布局下仅渲染 .md 文件格式,其他格式一律只做复制。(方便添加静态页面,原本需要在每个文件开头添加 layout: false
  • 添加mathjax的模块开关,不需要的可以自己关闭。

特别感谢来自 @myqianlan 的pull request 和 @bearpaw 的pull request

v1.0.3

  • 增加对 IE8 的支持
  • 集成 mathjax ,即latex数学公式的支持。(感谢 @Svtter 的pull request

v1.0.2

  • 修改: 优化Generate速度,refs #13

v1.0.1

  • 新增: 百度分享功能

v1.0.0

  • 新增:语言包
  • 新增:友情链接
  • 新增:多说评论模块
  • 新增:代码高亮配色Monokai
  • 修改:使用国内可以访问的CDN,加快页面显示速度。

主题还在扩展中,欢迎各种Pull Request

如果你的网站正在使用landscape-plus主题,你可以将网址添加到wiki的网站列表

landscape-plus's People

Contributors

bearpaw avatar gitter-badger avatar hadb avatar jalonwong avatar jaycechant avatar myqianlan avatar svtter avatar ugxhdhlwdxm avatar xiangming avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

landscape-plus's Issues

主页的归档的时间格式问题

显示成 November 2014,找半天没找到修改的地方。难道是不能修改?想改成中文习惯的显示。甚至改成时间线的格式,比如:
2014年11月........................8
文章数量右对齐。

nocss.css加载失败

首先感谢你这个hexo主题
我在优化站点加载速度的时候发现有个样式表nocss.css一直加载失败
后检查后发现根本没有这个nocss.css
我搜索后在after-footer.ejs中的百度分享的代码中发现这个nocss.css
但是删除后分享功能会出问题

希望目录分类目录是摘要或列表模式

现在 landscape-plus 的文章列表是 全文顺序排列,对于阅读和查看旧的文章非常不利,希望文章列表可以是摘要方式,而非全文。
如果实在不行 其实就简单的文章标题列表也会好些。

设置mathjax模块的开关

由于mathjax响应速度略慢,所以不需要的用户可以如此设置开关。
同样希望作者把这个加上去,由于太简单,我就不发request了。
设置如下:

在_config.yml里面加一句

mathjax: false

在after-footer.ejs里面将

<%- partial('mathjax') %>

换成

<% if (theme.mathjax){ %>
  <%- partial('mathjax') %>
<% } %>

代码缩近采用tab的问题

当在代码块中使用tab进行缩近时,在md显示正常,但是发布出来后,缩近太长了,长度超过了四个空格。请问这个要怎么解决 ?修改哪里呢?

具体看图:

或者看我的文章示例也行

示例

文字排版的css要怎么改

您好,我想请问一下,我用markdown写的引用“>”生成静态网页的时候引用的内容字体变大,还居中,请我这个样式要在哪里改?如果我想改成github中这样的

引用样式

要怎么改?谢谢

如何使用RSS分享功能?

使用插件生成了atom.xml文件,然后读者点击博客右上方的RSS图标,弹出的界面是:This XML file does not appear to have any style information associated with it. The document tree is shown below.

请问如何正确使用RSS功能?

Google Analytics 代码已更新

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', '<%= theme.google_analytics %>', 'auto');
  ga('require', 'displayfeatures');
  ga('send', 'pageview');

</script>

如何关闭article-gallery

我发现只要我文章里有图片,那么article-gallery会出现在标题的上面,请问怎么关掉呢?

具体的步骤如下:
文章中使用![](图片url)
进入相应的文章后,显示正常。然后按F5刷新,标题上边就会出现和文章里一样的图片,

看了一下,发现是article-gallery标签的。

如何去掉博客名上的红框框

感觉博客标题上大红框框有点过于耀眼,想把它去掉,尝试过把header.styl里的修改恢复,发现在本地ok,部署到github上红框框仍然存在。

archive归档页面问题

我想问下,我克隆了主题,主题也都正常,但是为什么点击archive链接的时候会提示404,是需要自己手动创建一个archive页面吗?我试了很多主题都有这个问题
菜鸟一个,求指教~~

望支持自定义404页面

现在在根目录写一个404.html页面会被渲染成有头、右侧部件、底部。希望能支持404.html页面

文章的文件夹问题

为什么我generate之后public文件夹中每篇文章都生成了一个文件夹,而没有作为一个叫2014文件夹的子文件夹呢?
如图:
2014-12-24 10 38 05
而我看其他人的github都是酱紫的
如图:
2014-12-24 10 39 47

「代码区块」显示有问题

用tab建立的代码区块在主题中显示得很诡异,字体小而且上下都有横线。
原版landscape就好很多
请参考两张图
landscape-plus
landscape

代码高亮的修改方式?

关于代码高亮,我看hexo的介绍说是用的highlight.js,但是并没有找到对应的文件哈,想请问下代码高亮是在哪里修改的。

百度分享如何使用?

已经启用了_config.yml的baidushare 为 true.但是页面上点击百度分享,可以弹出分享框,但无法进行分享?

markdown引用字体以及代码行数显示问题

引用字体有点大,不知道去哪里可以修改image

还有就是关于代码行号的问题

image2

源代码是这样的

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:_cellIdentifier
                                                            forIndexPath:indexPath];
    if (self.configureCellBlock) {
        @weakify(self);
        self.configureCellBlock(cell, [self.signal map:^id(NSArray *array) {
            @strongify(self);
            return [self itemAtIndexPath:indexPath];
        }]);
//有空行
    }
    return cell;
}

代码里如果有存在一段空行,行号显示就会存在问题,没有空格就正常

字体和生成速度问题

你好,我用了这个主题,发现文章的字体也是黑体那样子看着有点须虚不是很舒服,怎样修改成原来主题的字体?
另外用默认的主题生成速度大概是3s不到,用了这个主题生成速度特别慢,大概超过40s,请问是那个插件或者配置托慢了速度吗?
谢谢

关于字体、分享按钮的建议

  1. 希望备选字体增加苹果的Heiti SC

  2. 分享按钮可保留T/F/G+ (pinterest貌似没什么用),然后按需增加。

    如果整块去掉,换成各种密密麻麻的一键分享好像画风不太一样!

  3. 上述引申出的问题:font-awesome目前的商标图标涵盖太少了,可以添加其他icon字体么?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.