Giter VIP home page Giter VIP logo

lessormore's Introduction

LessOrMore

致谢

  • 感谢Less官网的样式,本Jekyll框架的样式都是基于Less官网的样式直接拷贝过来的。只是重构了JS,并且加入了Jekyll语法而已。
  • 感谢Github提供的代码维护和发布平台
  • 感谢Jekyll团队做出如此优秀的产品
  • 感谢Solar的原作者Matt Harzewski,在2014.11-2016.09的两年间,我的博客选用了此样式模版

使用

下载

使用git从LessOrMore主页下载项目

git clone https://github.com/luoyan35714/LessOrMore.git

配置

LessOrMore项目需要配置的只有一个文件_config.yml,打开之后按照如下进行配置。

特别注意baseurl的配置。如果是***.github.io项目,不修改为空''的话,会导致JS,CSS等静态资源无法找到的错误

name: 博客名称
email: 邮箱地址
author: 作者名
url: 个人网站
# baseurl修改为项目名,如果项目是'***.github.io',则设置为空''
baseurl: "/LessOrMore"
resume_site: 个人简历网站
github: github地址
github_username: github用户名称
# 请到百度统计官网[https://tongji.baidu.com/](https://tongji.baidu.com/)申请自己的网站ID并在此处替换,否则将无法正常统计访问量
baidu_analysis: 94be4b0f9fc5d94cc0d0415ea6761ae9
# 请到revolvermaps [http://www.revolvermaps.com/?target=setupgl](http://www.revolvermaps.com/?target=setupgl)申请自己的网站ID并在此处替换,否则将无法正常统计访问量
revolvermaps: 5ytn1ssq6za

关于统计

本项目支持三种统计,分别是

百度统计是后台统计,并没有再页面有任何展示,但是可以通过登录百度统计官网查看更详细的访问记录分析。 当Fork本项目之后需要去百度统计官网申请自己的baidu统计ID替换 _config.yml 文件中的 baidu_analysis

revolvermaps地图统计是展示在左侧当行栏的地图展示,具体展示形式可以去官网定制。 当Fork本项目之后需要去revolvermaps地图官网申请自己的统计ID, 替换_config.yml 文件中的 revolvermaps

不蒜子统计是出现在页面右上角的本站总访问量n次统计,本统计会自动识别客户所对应的域名,根据不同域名统计,所以并不需要Fork本项目者做任何修改。 更多不蒜子的展示方式可以去官网查看。

如何写文章

LessOrMore/_posts目录下新建一个文件,可以创建文件夹并在文件夹中添加文件,方便维护。在新建文件中粘贴如下信息,并修改以下的titile,date,categories,tag的相关信息,添加* content {:toc}为目录相关信息,在进行正文书写前需要在目录和正文之间输入至少2行空行。然后按照正常的Markdown语法书写正文。

---
layout: post
#标题配置
title:  标题
#时间配置
date:   2016-08-27 01:08:00 +0800
#大类配置
categories: document
#小类配置
tag: 教程
#设置文章置顶
topping: true
---

* content
{:toc}


我是正文。我是正文。我是正文。我是正文。我是正文。我是正文。

执行

jekyll server

效果

打开浏览器并输入URLhttp://localhost:4000/,回车。

为什么重复造轮子

很明显,我在重复造轮子。在13年接触到GIT,14年末接触到Jekyll,然后搭建了自己的博客,当时是选用了JekyllThemes上的Solar主题,一直到现在。不过中间一直感觉页面风格还是偏暗,阅读不方便。并且有一些小的细节做的不是很好。在页面的跨平台浏览上有一些瑕疵。并且不区分一级标题和二级标题,导致没有重点强调。诸如此类,用了2年,用的越多,越发吃力,中间就一直在寻找新的能够让我一眼认定的主题。

虽然设计好看的主题很多。但是真正适合拿来做博客的却不多。中间一直没有找到合适的主题。直到有一天看到Less官网的主题之后,豁然觉得这就是我的博客想要的样子。简单而又不平凡。所以就决定了要把博客迁移到这个主题,然后拿了两天晚上来把这个主题做出来。

重复造了轮子,但是这个是迄今为止自己觉得最适合我的博客的轮子,所以是值得的!

关于作者

热爱开源,热爱折腾的Java程序猿。更多个人信息和联系方式可以参照我的首页

写在最后

如果你也像我一样在寻觅一个简洁的博客主题。不妨试下LessOrMore。

之前此处是有打赏功能的,不过最近在整理自己,发现打赏功能偏离了我写这个Jekyll主题的初衷,所以删除了打赏功能。

非常感谢之前打赏过的朋友们!!

lessormore's People

Contributors

luoyan35714 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

lessormore's Issues

关于模板的问题

您好,我在前几天下载了您的模板自己动手改了一下,但是改完之后在文章内部的目录部分会有一些不对的地方,请问可以在哪里修改把那个111去掉呢?
目录是这样的:

配置时的问题

很感谢有这个LessOrMore的模板.
这个revolvermaps地球统计很有意思.
但是改为自己博客后还是要去官网上,获取一个新的地址把以前的替换掉,不然的话,统计的还是原博客的人数.
screenshot from 2018-08-08 10-24-51
获取后就重新开始计数啦
screenshot from 2018-08-08 10-27-50

有关图片显示以及其他一些问题

您好,首先非常感谢您提供的这个主题。
我在使用中发现自己博客的图片在手机端浏览时不能完全显示,只能显示左边一部分,虽然可以长按-查看,但还是比较难受,所以过来问问有没有解决方法。
还有一个问题出现在pc端,如果页面不够长,那么在上下滑动页面时左边目录栏会跟着上下移动而错位甚至抖动,不知道是不是我个人设置的问题,如能解答,不甚感激。

文档写的太差劲了。

虽然说这个样式还行。本想一用。后来发现这文档,可配置项太少。几乎都定死的。所以我也打算自己重新造轮子了。

scrollspy issue

scrollspy method in Bootstrap v3.0.3 has a bug that It doesn't match targets with Chinese id attribute.

And this Bootstrap version works well.

导航栏不支持中文

模板很好用,但是有个问题,就是文章左侧的导航栏无法支持中文,如果是中文的段落标题,则无法进行展开,也无法根据文章位置将导航栏中的段落标题加粗

{{site.url}}问题

_layouts/post.html下
<a target="_blank" href="{{site.url}}">
的{{site.url}}指向的并不是_config.yml里的url而是博客的url,需要换名。

在使用中有两个疑问,想请教下

你好博主。我使用了你的模板,但是我有两个疑问不知道能不能向您请教下:
1.我找不到控制全局的CSS,发现在_post 文章页下面有很大的空白处,我不知道怎么去掉。
1.png
2.在页面自适应到手机上的时候,发现在 _post 文章页两边有很大的空白间距,我找遍了各个文件的 padding 也没找到在哪去控制,这个控制文件应该在哪?
2.png
您的模板很好 , 也很美观,我希望能在我以后的博客中根据您的基础改进,谢谢啦!

页面不支持鼠标滚动

你好,我在运用这个主题时在我的页面中不支持鼠标滚动,我不知道哪里出了问题

some misspelt and css issues(text-shadow)

Hi~
刚接触Jekyll,首先非常感谢你的LessOrMore~
试用了一下,发现一些小问题~

  • 配置这一节中的_config.xml是否笔误呢(_config.yml)

  • 博客右上角的关于,点开后的列表(Github, 关于作者, 我的书单, 推荐博客, RSS订阅, 本项目)的字体看起来是模糊的。在移动端/PC端收窄浏览器还好,因为背景会变成深色的,所以不凑近看不出字体模糊。但是在PC端浏览器最大化时,背景为白色,字体模糊就比较明显了。

    使用开发者工具检查后,发现是样式中的 text-shadow 造成的,建议将 /style/css/index.css 中第2784行开始的 .dropdown-menu > li > a {...} 的最后加上一行,将原来默认的 text-shadow 覆盖掉,也即:

    .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
    text-shadow: none;    /*add this line*/
    }
  • 执行中的jekyll server,按照jekyll的Docs应该是jekyll serve的,不过貌似两者都能运行。。不知道是否为历史遗留问题。。

  • 致谢中,Less官网的链接貌似没有指向http://lesscss.cn博客中指向了文章本身,而github repo指向了一个404的页面。

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.