Code Monkey home page Code Monkey logo

loffer's Introduction

LOFFER是个可以帮助你get off from LOFTER的软件(我知道这个pun很烂)。

这是一个可以发布在GitHub的Jekyll博客,你不需要编写代码或使用命令行即可获得一个部署在GitHub的博客。

现在我将此文档和基础教程分开了,此文档用于说明LOFFER的现有功能和更新情况,查看为无任何代码基础者写的教程请点这里

更新内容

2019-07-25 V0.4.0

修订目录跳级会坏掉的问题,不算完美解决,但不会坏掉了。

增加对LaTeX渲染的支持,请见这篇说明和示例

增加置顶功能,只要在一个post的YAML Front Matter(就是文章头部的这段信息)中加入pinned: true,这篇文章就可以置顶了。

另外介绍一个给LOFFER更换主题颜色的手法。LOFFER用了一个开源的颜色表Open Color,该色表提供的可选颜色有:red, pink, grape, violet, indigo, blue, cyan, teal, green, lime, yellow。

LOFFER的默认状态是teal,要更换主题颜色,只要打开文件_sass/_variables.scss,将文件中所有的teal全部替换成你想要的颜色。例如,查找teal,替换indigo,全部替换,commit,完成!

2019-07-20 V0.3.0

新版本增加目录功能,在post的信息中心加入toc: true,这篇博文就会显示目录了。

这次没有对config的修改,因此应该可以通过这个方法,给自己提pull request来更新。

目录基于jekyll-toc by allejo制作。

目前我试用发现了一点小问题:如果你的标题级数不按套路变化,它就会搞不懂……

# 一级标题下面必须是## 二级标题,如果是### 三级标题它就人工智障了【手动扶额】

注意:目前目录仅在桌面版显示。

2019-06-30 V0.2.0

新版本进一步优化了一下样式,并且支持了基于GitHub Issues的评论Gitalk(请看下文的配置说明)。

如果你已经fork了LOFFER,想要更新到新版本的话,可以试试这个方法,或者你也可以干脆删掉重来,只要保留自己的大部分config设定和所有的post就好。

LOFFER只是容器,你的posts才是博客的核心。

支持的功能

使用Markdown文档在_post文件夹中发布博文,现有功能包括显示作者、置顶博文、添加目录。

博文YAML举例:

---
layout: post
title: Markdown语法简介
date: 2013-07-16
Author: Shengbin 
tags: [sample, markdown]
comments: true
toc: true
---

按照标签和日期查看博文归档。请查看/tags 和/archive 页面。

链接博客主的社交媒体。请在_config.yml中填写。

支持Disqus和Gitalk两种评论区。请在_config.yml中设置。

致谢

  • Jekyll - 这是本站存在的根基
  • Kiko-now - 我首先是fork这个主题,然后再其上进行修改汉化,才有了LOFFER
  • Font Awesome - 社交网络图标来自FontAwesome的免费开源内容

帮助这个项目

介绍更多人来使用它,摆脱lofter自由飞翔!

欢迎Issues和Pull Requests。

给我点一个☆吧!

img

loffer's People

Contributors

fromendworld avatar icbd avatar qiangwushuang avatar spaceroam avatar sulibo avatar teages 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

loffer's Issues

博文下read more按钮失效,变成一个文本而不是超链接

Hi FromEndWorld, 感谢你制作了这份模版,非常好用,使用指南也写得很清楚,感谢。
我现在遇到了一个问题:发表了一篇新写的博文之后,我发现这篇博文下面read more按钮失效变成了一个文本。我搜索了代码在index.html里看到拼接read more url的部分,但是没有看出来引起这个问题的原因。请问一下应该怎么解决呢?谢谢
该博文md文件链接:https://github.com/HanMufu/home/blob/master/_posts/2020-03-27-Example-code-for-using-AWS-SNS-Service-in-Java.md
博客链接:https://hanmufu.github.io/home/

有关404页面的问题

亲,虽然贵库写了404.md,但是我在fork之后使用和在此库对应的pages使用的时候发现错误的网址给出的404提示还是GitHub官方的404页面,
我有尝试手动在 _config.yml 中添加 permalink: /404.html ,但是似乎并没有什么用处。。。。。。

手机端的无法显示图片

我发现使用手机或者ipad打开博客,都会出现图片显示问题。以{{ site.baseurl }}/images/xxx.jpg的形式插入的图片可以正常显示(如我在自己在404页面插入的图片),但直接通过图片地址https://...之类插入的图片在手机端无法正常显示(如LOFFER博文中的图片)。我让朋友用手机查看了一下也是一样的情况。
另外头像图片是通过_config.yml中的avatar设置的,这里不能用{{ site.baseurl }}/images/xxx.jpg的形式插入图片,我暂时没有找到让它正常显示的方法。

夜间模式

开发者您好,不清楚本模板是否会考虑添加夜间模式的功能和配色。
如果开发者您无意向添加的话,请问是否方便简单给我们展示一下如何调整网页的配色
我对前端完全不熟悉,期待您的回复,很是感激。

Gitalk 问题

评论点登录GitHub账号后,显示
Gitalk 加载中 ...
Error: Request failed with status code 405

LaTex未显示

QQ拼音截图20200810232922
感谢博主提供的模版!
但是我在测试你的LaTex时,打开《LaTex渲染的说明和测试》发现没有正常显示,请问是什么情况呢?谢谢

unexpected output of excerpt

truncate 貌似是按 md 或 html 源文件截取的,因此经常出现截取在标签内,造成错误的情况,例如:

屏幕快照 2019-07-28 23 23 26

这个截取在了 a 标签内,导致错误……

感觉只能取消 truncate,手动截取了,否则太不稳,出错几率挺高的……

在Gitee Pages上无法使用你的主题

你好,作者同志。我为了加快网站的浏览速度,特意把你的博客主题搞到了码云(GItee)上面,用码云的Pages服务来建博客。但是无法正常打开,提示部署失败,日志:
错误信息: Invalid CSS after "...kground-color: ": expected expression (e.g. 1px, bold), was "#868e961a;" on line 64
那么,现在该怎么办?

插入音频或视频问题

插入了这样的代码:<iframe width="560" height="315" src="https://www.youtube.com/embed/bty7LHm14CA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

插入后页面无法正确显示。点击进这篇文章本身正确,上一篇下一篇也可用。但是主页加载到视频代码开始前卡住了,也没有read more,后面一片空白,其他文章都出不来了。已经加入了手动截取标记没有用,只能把这段iframe code去掉才能正确显示。试了好几个其他theme都没有问题。但是各方面都很喜欢这个theme,不想用其他的,很希望作者能修改这个问题。谢谢!

The homepage will not load correctly if video or audio is embedded using the iframe code. The single post itself can be loaded completely. But the homepage stuck before the video is loaded. I put the separator several lines before the video but it also doesn't work. Read more does not show and no other posts can be loaded.

首页文章标题变蓝色

HI
我使用了您的模板搭建了博客,但是今天发布文章后发现首页上的几篇昨天的文章标题变成了蓝色,我检查了index.html中似乎没有改变颜色的代码,我也从来没有更改过这个文件。难道是我config中哪里写错了么?或者会和post中md文件的文件名有关么?但我找了很久还是没找到原因,您能帮帮我么?
我的博客地址:https://crazysyaoran.github.io/blog/
代码:https://github.com/crazySyaoran/blog

另外,您的Markdown翻译器做的很漂亮,但似乎还有一些BUG例如似乎不支持转义"",有时候不识别缩进得到的代码块等,有时我上传的文章和我使用的sublimeTest的Markdown翻译的结果会有一些差距,如果接下来的更新能够fix一下这些问题就再好不过了。

感谢您的项目!祝您生活愉快!

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.