Files
kaka111222333-kaka111222333…/_posts/2019-06-02-document.md
2019-11-18 11:59:59 +08:00

10 KiB
Raw Blame History

layout, title, date, Author, tags, comments, toc, pinned
layout title date Author tags comments toc pinned
post LOFFER文档 2019-06-02 来自中世界
sample
document
true true true

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

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

更新内容

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才是博客的核心。

注意

LOFFER是一个博客模板使用GitHub Pages发布个人博客是没有任何问题的。 但是:

  • 请勿发布成人向内容
  • 不要将大量图片上传到GitHub

如有疑问,请阅读GitHub Pages官方说明

另外,同人作品更好的发布平台是AO3你想你发在AO3还有tag还有kudos还有人看是吧

如何使用

首先,这个博客主题适应手机阅读,但是,要使用它建立你自己的博客,你需要上电脑操作。

第一步 Fork到你的GitHub

请点击GitHub注册一个GitHub账户。我们可以理解Git就是个文件版本管理系统本身并不需要会代码即可使用。

现在你看到的LOFFER是作为一个GitHub上的Repository代码库存在的你可以把这个代码库复制到你自己的GitHub账户中这个操作叫做Fork。

点击LOFFER进入LOFFER的GitHub Repository页面然后点Fork

gif

然后你立刻就可以看到LOFFER再次出现这次它已经属于你了这里我建议你重命名它点击settings给你的博客起个名字请尽量使用字母而非中文

img

然后向下拉页面你会看到“GitHub Pages”这是GitHub内置的网站host服务选择master如图所示

img

在几秒钟后,刷新此页面,你通常会看到这个绿色的东西(如果没看到,多等一会),你的网站已经发布成功,点击这个链接,即可查看:

img

你可能会看到网站长得很丑,请继续下一步.

第二步 设置站点信息

在你的博客的GitHub代码库页面里选择Code文件列表里选择_config.yml点击打开点击右上角笔形图标修改文档。

修改完成后点击“Commit changes”。每次修改过代码库并且commit后GitHub Pages都会自动重新发布网站只要等上几分钟再次刷新你的博客页面就会看到你的修改了。

还有一点,LOFFER使用的是MIT协议大意就是全部开源随意使用如果你要保留自己博文的权利请编辑LICENSE文件写上类似“_posts中的文档作者保留权利”这样的内容。

第三步 发布博文

在你的博客的GitHub代码库页面里点开_posts文件夹这里面就是你的博客文章。

这些文章使用的格式是Markdown文件后缀名是md这是一种非常简单易用的有格式文本标记语言你应该已经注意到在LOFFER自带的示例性博文中有一篇中文的Markdown语法介绍。

更简单的办法是使用Typora这是一个全图形化界面全实时预览的Markdown写作软件非常轻量而且免费。

img

在发布博文前你需要在文章的头部添加这样的内容包括你的文章标题发布日期作者名和tag等。

---
layout: post
title: LOFFER文档
date: 2019-06-02
Author: 来自中世界
categories: 
tags: [sample, document]
comments: true
--- 

完成后,保存为.md文件文件名是date-标题,例如 2019-06-02-document.md (注意这里的标题会成为这个post的URL所以推荐使用字母而非中文它不影响页面上显示的标题)然后上传到_posts文件夹commit很快就可以在博客上看到新文章了。

可选:图片怎么办?

少量图片可以上传到images文件夹然后在博文中添加。

但是GitHub用来当做图床有滥用之嫌如果你的博客以图片为主建议选择外链图床例如sm.ms就是和很好的选择。

如果想要寻找更适合自己的图床敬请Google一下。

在博文中添加图片的Markdown语法是![图片名](URL)

可选:添加评论区

Disqus

LOFFER支持Disqus评论虽然Disqus很丑但是它是免费的设置起来又方便因此大家也就不要嫌弃它。

首先,注册一个Disqus账户,我们可以选择这个免费方案:

img

注册成功后新建一个站点site以LOFFER为例设置步骤如下

首先站点名LOFFER生成了shortname是loffer类型可以随便选。

img

安装时选择Jekyll。

img

最后填入你的博客地址语言可以选中文点Complete即可

img

然后需要回到你的博客修改_config.yml文件在disqus字段填上你的shortnamecommit完成

Gitalk

新增内容LOFFER 0.2.0版本支持Gitalk评论区在LOFFER示例站中仍然是Disqus可以在我的博客查看Gitalk的demo设置方法如下

首先,创建一个OAuth application, 设置如图:

img

点Register后就会看到你所需要的两个值clientID和clientSecret把它们复制到你的_config.yml文件中相应的字段

gitalk:
  clientID: <你的clientID>
  clientSecret: <你的clientSecret>
  repo: <你的repository名称>
  owner: <你的GitHub用户名>

然后commit你的Gitalk评论区就会出现了。对于每一篇文章都需要你来进入文章页来初始化评论区这一操作会在你的repository上创建一个Issue此后的评论就是对这个Issue的回复。

你可以进入你的repository的Issue页面Unsubscribe来避免收到大量相关邮件。

注意出于很明显的原因最好不要同时添加Disqus和Gitalk评论区。

导入LOFTER的内容

这部分由于LOFTER的导出文件十分优秀,需要另外解决。

诸位可以使用墨问非名太太的脚本其中选择Jekyll输出即可。

我个人也在折腾一个脚本目前还没有完全debug清楚不管如何请先在lofter里导出一下存在本地也是好的贴吧可以让2017以前所有内容全部消失中国互联网没什么不可能发生的。

致谢

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

帮助这个项目

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

当然如果单说写同人的话我还是建议大家都去AO3但是自家博客自己架也很酷炫你还可以选择很多其他的forkable Jeykll主题GitHub上有很多或者试试其他博客架设工具例如Hexo与代码斗其乐无穷。

最后,回到LOFFER,给我点一个☆吧!

img