mirror of
https://github.com/kaka111222333/kaka111222333.github.io.git
synced 2025-12-17 07:18:44 +08:00
更新博客配置
This commit is contained in:
linlongchen
199
README.md
199
README.md
@@ -1,198 +1,9 @@
|
||||
LOFFER是个可以帮助你get off from LOFTER的软件（我知道这个pun很烂）。
|
||||
lemonchann的个人博客仓库。
|
||||
|
||||
这是一个可以通过Fork直接发布在GitHub的Jekyll博客，你不需要编写代码或使用命令行即可获得一个部署在GitHub的博客。
|
||||
### 文章版权
|
||||
|
||||
## 更新内容
|
||||
**[_posts](https://github.com/lemonchann/lemonchann.github.io/tree/master/_posts)** 文件夹内的所有文章版权均属于列出的文章作者，遵循License: CC BY-NC-SA 署名-非商业性使用-相同方式共享。
|
||||
|
||||
### 2019-07-25 V0.4.0
|
||||
### 致谢
|
||||
|
||||
修订目录跳级会坏掉的问题，不算完美解决，但不会坏掉了。
|
||||
|
||||
增加对LaTeX渲染的支持，请见[这篇说明和示例](https://fromendworld.github.io/LOFFER/math-test/)。
|
||||
|
||||
增加置顶功能，只要在一个post的YAML Front Matter（就是文章头部的这段信息）中加入` pinned: true `，这篇文章就可以置顶了。
|
||||
|
||||
另外介绍一个给LOFFER更换主题颜色的手法。LOFFER用了一个开源的颜色表[Open Color](https://yeun.github.io/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的修改，因此应该可以通过[这个方法](https://github.com/KirstieJane/STEMMRoleModels/wiki/Syncing-your-fork-to-the-original-repository-via-the-browser)，给自己提pull request来更新。
|
||||
|
||||
目录基于[jekyll-toc by allejo](https://github.com/allejo/jekyll-toc)制作。
|
||||
|
||||
目前我试用发现了一点小问题：如果你的标题级数不按套路变化，它就会搞不懂……
|
||||
|
||||
` # 一级标题 `下面必须是` ## 二级标题 `，如果是` ### 三级标题 `它就人工智障了【手动扶额】
|
||||
|
||||
注意：目前目录仅在桌面版显示。
|
||||
|
||||
|
||||
### 2019-06-30 V0.2.0
|
||||
|
||||
新版本进一步优化了一下样式，并且支持了基于GitHub Issues的评论Gitalk（请看下文的配置说明）。
|
||||
|
||||
如果你已经fork了LOFFER，想要更新到新版本的话，可以试试[这个方法](https://github.com/KirstieJane/STEMMRoleModels/wiki/Syncing-your-fork-to-the-original-repository-via-the-browser)，或者你也可以干脆删掉重来，只要保留自己的大部分config设定和所有的post就好。
|
||||
|
||||
LOFFER只是容器，你的posts才是博客的核心。
|
||||
|
||||
|
||||
## 注意
|
||||
|
||||
LOFFER是一个**博客模板**，使用GitHub Pages发布个人博客是没有任何问题的。 **但是:**
|
||||
|
||||
- **请勿发布成人向内容**
|
||||
- **不要将大量图片上传到GitHub**
|
||||
|
||||
如有疑问，请阅读[GitHub Pages官方说明](https://pages.github.com/)。
|
||||
|
||||
另外，同人作品更好的发布平台是[AO3](https://archiveofourown.org/)，你想你发在AO3还有tag还有kudos还有人看，是吧？
|
||||
|
||||
|
||||
## 如何使用
|
||||
|
||||
首先，这个博客主题适应手机阅读，但是，要使用它建立你自己的博客，你需要上电脑操作。
|
||||
|
||||
### 第一步 Fork到你的GitHub
|
||||
|
||||
请点击[GitHub](https://github.com/)，注册一个GitHub账户。我们可以理解Git就是个文件版本管理系统，本身并不需要会代码即可使用。
|
||||
|
||||
现在你看到的LOFFER，是作为一个GitHub上的Repository（代码库）存在的，你可以把这个代码库复制到你自己的GitHub账户中，这个操作叫做Fork。
|
||||
|
||||
点击[LOFFER](https://github.com/FromEndWorld/LOFFER)，进入LOFFER的GitHub Repository页面，然后点Fork：
|
||||
|
||||
|
||||
|
||||
然后你立刻就可以看到LOFFER再次出现，这次它已经属于你了，这里我建议你重命名它，点击settings，给你的博客起个名字（请尽量使用字母而非中文）。
|
||||
|
||||
|
||||
|
||||
然后，向下拉页面，你会看到“GitHub Pages”，这是GitHub内置的网站host服务，选择master，如图所示：
|
||||
|
||||
|
||||
|
||||
在几秒钟后，刷新此页面，你通常会看到这个绿色的东西（如果没看到，多等一会），你的网站已经发布成功，点击这个链接，即可查看：
|
||||
|
||||
|
||||
|
||||
你可能会看到网站长得很丑，请继续下一步.
|
||||
|
||||
### 第二步 设置站点信息
|
||||
|
||||
在你的博客的GitHub代码库页面里，选择Code，文件列表里选择_config.yml，点击打开，点击右上角笔形图标修改文档。
|
||||
|
||||
修改完成后，点击“Commit changes”。每次修改过代码库并且commit后，GitHub Pages都会自动重新发布网站，只要等上几分钟，再次刷新你的博客页面，就会看到你的修改了。
|
||||
|
||||
还有一点，**LOFFER使用的是MIT协议，大意就是全部开源随意使用，如果你要保留自己博文的权利，请编辑LICENSE文件，写上类似“_posts中的文档作者保留权利”这样的内容。**
|
||||
|
||||
### 第三步 发布博文
|
||||
|
||||
在你的博客的GitHub代码库页面里，点开_posts文件夹，这里面就是你的博客文章。
|
||||
|
||||
这些文章使用的格式是Markdown，文件后缀名是md，这是一种非常简单易用的有格式文本标记语言，你应该已经注意到，在LOFFER自带的示例性博文中有一篇中文的Markdown语法介绍。
|
||||
|
||||
更简单的办法是使用[Typora](https://typora.io/)，这是一个全图形化界面，全实时预览的Markdown写作软件，非常轻量，而且免费。
|
||||
|
||||
|
||||
|
||||
在发布博文前，你需要在文章的头部添加这样的内容，包括你的文章标题，发布日期，作者名，和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](https://sm.ms/)就是和很好的选择。
|
||||
|
||||
如果想要寻找更适合自己的图床，敬请Google一下。
|
||||
|
||||
在博文中添加图片的Markdown语法是：``
|
||||
|
||||
### 可选：添加评论区
|
||||
|
||||
#### Disqus
|
||||
|
||||
LOFFER支持Disqus评论，虽然Disqus很丑，但是它是免费的，设置起来又方便，因此大家也就不要嫌弃它。
|
||||
|
||||
首先，注册一个[Disqus](https://disqus.com/)账户，我们可以选择这个免费方案：
|
||||
|
||||
|
||||
|
||||
注册成功后，新建一个站点（site），以LOFFER为例设置步骤如下：
|
||||
|
||||
首先站点名LOFFER，生成了shortname是loffer，类型可以随便选。
|
||||
|
||||
|
||||
|
||||
安装时选择Jekyll。
|
||||
|
||||
|
||||
|
||||
最后填入你的博客地址，语言可以选中文，点Complete，即可！
|
||||
|
||||
|
||||
|
||||
然后需要回到你的博客，修改_config.yml文件，在disqus字段填上你的shortname，commit，完成！
|
||||
|
||||
#### Gitalk
|
||||
|
||||
新增内容，LOFFER 0.2.0版本支持Gitalk评论区（在LOFFER示例站中仍然是Disqus，可以在[我的博客](https://himring.top/gitalk/)查看Gitalk的demo），设置方法如下：
|
||||
|
||||
首先，创建一个[OAuth application](https://github.com/settings/applications/new), 设置如图：
|
||||
|
||||
|
||||
|
||||
点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的导出文件十分~~优秀~~，需要另外解决。
|
||||
|
||||
诸位可以使用[墨问非名太太的脚本](http://underdream.lofter.com/post/38ea7d_1c5d8a983)，其中选择Jekyll输出即可。
|
||||
|
||||
我个人也在折腾一个脚本，目前还没有完全debug清楚，不管如何，请先在lofter里导出一下，存在本地也是好的，贴吧可以让2017以前所有内容全部消失，中国互联网，没什么不可能发生的。
|
||||
|
||||
## 致谢
|
||||
|
||||
* [Jekyll](https://github.com/jekyll/jekyll) - 这是本站存在的根基
|
||||
* [Kiko-now](<https://github.com/aweekj/kiko-now>) - 我首先是fork这个主题，然后再其上进行修改汉化，才有了LOFFER
|
||||
* [Font Awesome](<https://fontawesome.com/>) - 社交网络图标来自FontAwesome的免费开源内容
|
||||
|
||||
|
||||
|
||||
## 帮助这个项目
|
||||
|
||||
介绍更多人来使用它，摆脱lofter自由飞翔！
|
||||
|
||||
当然如果单说写同人的话，我还是建议大家都去AO3，但是自家博客自己架也很酷炫，你还可以选择很多其他的forkable Jeykll主题，GitHub上有很多，或者试试其他博客架设工具，例如Hexo，与代码斗其乐无穷。
|
||||
|
||||
最后，回到[LOFFER](https://github.com/FromEndWorld/LOFFER)，给我点一个☆吧！
|
||||
|
||||
|
||||
本站原始主题来自Jekyll主题[LOFFER](https://fromendworld.github.io/LOFFER/)
|
||||
|
||||
101
_config.yml
101
_config.yml
@@ -1,28 +1,27 @@
|
||||
#
|
||||
# 这个文档包含了本博客的设定信息，你可以编辑它来个性化自己的博客，
|
||||
# This file contains configuration flags to customize your site
|
||||
#
|
||||
|
||||
# 你的博客名称，请用你想要的博客名替换“LOFFER”，以下修改都可类似处理
|
||||
# 注意，“name: LOFFER”，冒号后面的空格不可以省略。
|
||||
# 井号后面的文字是说明文档，不会被程序读取。
|
||||
name: LOFFER
|
||||
# 描述/签名
|
||||
description: 一个可以fork的博客
|
||||
# Name of your site (displayed in the header)
|
||||
name: "lemonchann"
|
||||
# Short bio or description (displayed in the header)
|
||||
description: "lemonchann's blog"
|
||||
|
||||
#
|
||||
# 下面的设定都是可选的
|
||||
# Flags below are optional
|
||||
#
|
||||
|
||||
# 你的博客logo图片URL，建议尺寸不超过300px × 300px
|
||||
avatar: https://raw.githubusercontent.com/FromEndWorld/LOFFER/master/images/logo.png
|
||||
# URL of your avatar or profile pic (you could use your GitHub profile pic)
|
||||
avatar: https://raw.githubusercontent.com/FromEndWorld/endworld/master/images/logo.png
|
||||
|
||||
# 你的favicon（出现在浏览器tab上）图片URL，建议使用较小(64px × 64px)的图片
|
||||
favicon: https://raw.githubusercontent.com/FromEndWorld/LOFFER/master/images/favicon.png
|
||||
favicon: https://raw.githubusercontent.com/FromEndWorld/endworld/master/images/favicon.png
|
||||
|
||||
|
||||
# 菜单中的按钮
|
||||
# Tabs in header. There are 'Blog', 'About', 'Archive', 'Tags'
|
||||
# and URL Link(e.g. 'Theme' tab below) tabs. If you don't need one, just delete
|
||||
# it from the list(Delete '- name: ' and 'url: ', too!)
|
||||
navigation:
|
||||
- name: 首页
|
||||
- name: 文章
|
||||
url: /
|
||||
- name: 关于
|
||||
url: /about
|
||||
@@ -31,59 +30,59 @@ navigation:
|
||||
- name: 标签
|
||||
url: /tags
|
||||
|
||||
# 每页的文章数
|
||||
# Pagination
|
||||
paginate: 8
|
||||
|
||||
# 文章简介的区分标记
|
||||
excerpt_separator: <!-- more -->
|
||||
|
||||
# 你的社交网络链接，它们会作为图标出现在你的网站页脚中，可选填写
|
||||
# Includes an icon in the footer for each username you enter
|
||||
footer-links:
|
||||
weibo: frommidworld #请输入你的微博个性域名 https://www.weibo.com/<thispart>
|
||||
behance: # https://www.behance.net/<>
|
||||
dribbble: # https://dribbble.com/<>
|
||||
email: fromendworld@outlook.com
|
||||
facebook: #https://www.facebook.com/<>
|
||||
flickr: #https://www.flickr.com/<>
|
||||
github: FromEndWorld/loffer #https://github.com/<>
|
||||
instagram: #https://instagram.com/<>
|
||||
linkedin: #https://www.linkedin.com/in/<>
|
||||
pinterest: #https://www.pinterest.com/<>
|
||||
rss: #随便填点啥RSS就能用了
|
||||
stackoverflow: # http://stackoverflow.com/<>
|
||||
#weibo: frommidworld #请输入你的微博个性域名 https://www.weibo.com/<thispart>
|
||||
behance: # https://www.behance.net/<username>
|
||||
dribbble:
|
||||
email: lemonchann@foxmail.com
|
||||
facebook:
|
||||
flickr:
|
||||
github: lemonchann
|
||||
googleplus: # anything in your profile username that comes after plus.google.com/
|
||||
instagram:
|
||||
linkedin:
|
||||
pinterest:
|
||||
rss: # just type anything here for a working RSS icon
|
||||
stackoverflow: # your stackoverflow profile, e.g. "users/50476/bart-kiers"
|
||||
tumblr: # https://<username>.tumblr.com
|
||||
twitter: # https://www.twitter.com/<your_twitter_username>
|
||||
#twitter: frommidworld
|
||||
youtube: # channel/<your_long_string> or user/<user-name>
|
||||
|
||||
# 站点页脚的文字
|
||||
footer-text: Copyright (c) 2019 来自中世界
|
||||
# Text under the icons in footer
|
||||
footer-text: Copyright (c) 2018 lemonchann
|
||||
|
||||
# 评论，注意，请不要同时添加多种不同的评论区
|
||||
# Enter your Disqus shortname (not your username) to enable commenting on posts
|
||||
# You can find your shortname on the Settings page of your Disqus account
|
||||
disqus: # fromendworld
|
||||
|
||||
# 输入Disqus shortname，即可添加评论区
|
||||
disqus: loffer #shortname
|
||||
|
||||
# 输入Gitalk相关设定，即可添加评论区
|
||||
# Gitalk
|
||||
gitalk:
|
||||
clientID:
|
||||
clientSecret:
|
||||
repo:
|
||||
owner:
|
||||
clientID: 47178fc1af282e823505
|
||||
clientSecret: 6a31e387eddad2cbd9face8d8d046a8961328138
|
||||
repo: endworld
|
||||
owner: FromEndWorld
|
||||
|
||||
# 输入Google Analytics web tracking code
|
||||
google_analytics:
|
||||
# Enter your Google Analytics web tracking code (e.g. UA-2110908-2) to activate tracking
|
||||
google_analytics: UA-143053266-1
|
||||
|
||||
# 输入你的网站域名（如果你没有添加自己的域名，而是直接用GitHub pages分配的域名的话可以省略）
|
||||
url:
|
||||
|
||||
# 添加你的博客的二级域名，一般来说是你的repository名
|
||||
# 如果你的博客的URL是：(http://yourusername.github.io/repository-name)
|
||||
# 那么就写成 "/repository-name"
|
||||
baseurl: /LOFFER
|
||||
# Your website URL (e.g. http://barryclark.github.io or http://www.barryclark.co)
|
||||
# Used for Sitemap.xml and your RSS feed
|
||||
url: https://lemonchann.github.io
|
||||
|
||||
# If you're hosting your site at a Project repository on GitHub pages
|
||||
# (http://yourusername.github.io/repository-name)
|
||||
# and NOT your User repository (http://yourusername.github.io)
|
||||
# then add in the baseurl here, like this: "/repository-name"
|
||||
# baseurl:
|
||||
|
||||
#
|
||||
# !! 以下所有设置都不需要更改 !!
|
||||
# !! You don't need to change any of the configuration flags below !!
|
||||
#
|
||||
|
||||
permalink: /:title/
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
{% if site.gitalk.clientID %}
|
||||
{% if site.gitalk %}
|
||||
<div class="comments">
|
||||
<div id="gitalk-container"></div>
|
||||
<script>
|
||||
|
||||
@@ -11,18 +11,20 @@
|
||||
<link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/style.css" />
|
||||
<link rel="alternate" type="application/rss+xml" title="{{ site.name }} - {{ site.description }}" href="{{ site.baseurl }}/feed.xml" />
|
||||
<link rel="shortcut icon" href="{{ site.favicon }}">
|
||||
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css"> -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script>
|
||||
<script src="https://kit.fontawesome.com/56f7faf3f4.js"></script>
|
||||
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript"></script>
|
||||
<script type="text/x-mathjax-config">
|
||||
MathJax.Hub.Config({
|
||||
tex2jax: {
|
||||
skipTags: ['script', 'noscript', 'style', 'textarea', 'pre'],
|
||||
inlineMath: [['$','$']]
|
||||
}
|
||||
});
|
||||
<script>
|
||||
(function(d) {
|
||||
var config = {
|
||||
kitId: 'vbt3gjx',
|
||||
scriptTimeout: 3000,
|
||||
async: true
|
||||
},
|
||||
h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
|
||||
})(document);
|
||||
</script>
|
||||
|
||||
|
||||
<!-- Created with Jekyll Now - http://github.com/barryclark/jekyll-now -->
|
||||
|
||||
</head>
|
||||
@@ -3,6 +3,7 @@ layout: default
|
||||
---
|
||||
|
||||
<article class="posts">
|
||||
|
||||
<h1>{{ page.title }}</h1>
|
||||
|
||||
<div clsss="meta">
|
||||
@@ -21,6 +22,8 @@ layout: default
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="entry">
|
||||
{{ content }}
|
||||
</div>
|
||||
|
||||
@@ -1,260 +0,0 @@
|
||||
---
|
||||
layout: post
|
||||
title: Markdown语法简介
|
||||
date: 2013-07-16
|
||||
Author: Shengbin
|
||||
tags: [sample, markdown]
|
||||
comments: true
|
||||
toc: true
|
||||
---
|
||||
|
||||
本中文版Markdown语法简介来自博客 <https://blog.shengbin.me/posts/markdown-syntax>
|
||||
|
||||
Markdown语法的完整介绍在这里：<http://daringfireball.net/projects/markdown/syntax>。下面整理的这些为了方便写博客时参考。
|
||||
|
||||
## 分段与分行
|
||||
|
||||
以一个或多个空行来隔开段落；以两个或多个空格来段内换行。
|
||||
|
||||
## 标题
|
||||
|
||||
```
|
||||
This is an H1
|
||||
=============
|
||||
|
||||
This is an H2
|
||||
-------------
|
||||
|
||||
# This is an H1
|
||||
|
||||
## This is an H2
|
||||
|
||||
###### This is an H6
|
||||
|
||||
```
|
||||
|
||||
## 引用
|
||||
|
||||
在每一行前面写一个`>`：
|
||||
|
||||
```
|
||||
> This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
|
||||
> consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
|
||||
> Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
|
||||
>
|
||||
> Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse
|
||||
> id sem consectetuer libero luctus adipiscing.
|
||||
|
||||
```
|
||||
|
||||
效果：
|
||||
|
||||
> This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
|
||||
>
|
||||
> Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse id sem consectetuer libero luctus adipiscing.
|
||||
|
||||
或者在每一段前面写一个`>`：
|
||||
|
||||
```
|
||||
> This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
|
||||
consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
|
||||
Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
|
||||
|
||||
> Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse
|
||||
id sem consectetuer libero luctus adipiscing.
|
||||
|
||||
```
|
||||
|
||||
## 多重引用
|
||||
|
||||
```
|
||||
> This is the first level of quoting.
|
||||
>
|
||||
> > This is nested blockquote.
|
||||
>
|
||||
> Back to the first level.
|
||||
|
||||
```
|
||||
|
||||
效果：
|
||||
|
||||
> This is the first level of quoting.
|
||||
>
|
||||
> > This is nested blockquote.
|
||||
>
|
||||
> Back to the first level.
|
||||
|
||||
## 列表
|
||||
|
||||
列表项占一行，以*、+、-开头即可：
|
||||
|
||||
```
|
||||
* Red
|
||||
* Green
|
||||
* Blue
|
||||
|
||||
```
|
||||
|
||||
效果：
|
||||
|
||||
- Red
|
||||
- Green
|
||||
- Blue
|
||||
|
||||
有序列表只需要将上述标记符换成数字加句点。而且顺序由书写顺序决定，与数字无关，但数字需要从1开始。例如：
|
||||
|
||||
```
|
||||
1\. Bird
|
||||
3. McHale
|
||||
2. Parish
|
||||
|
||||
```
|
||||
|
||||
效果：
|
||||
|
||||
1. Bird
|
||||
2. McHale
|
||||
3. Parish
|
||||
|
||||
每一个列表项可以多行：
|
||||
|
||||
```
|
||||
* Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
|
||||
Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi,
|
||||
viverra nec, fringilla in, laoreet vitae, risus.
|
||||
* Donec sit amet nisl. Aliquam semper ipsum sit amet velit.
|
||||
Suspendisse id sem consectetuer libero luctus adipiscing.
|
||||
|
||||
```
|
||||
|
||||
效果：
|
||||
|
||||
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
|
||||
- Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse id sem consectetuer libero luctus adipiscing.
|
||||
|
||||
## 代码块
|
||||
|
||||
每一行前面缩进四个或以上个空格，就认为是开始了一段代码块。代码块内原样输出。
|
||||
|
||||
```
|
||||
This is a normal paragraph:
|
||||
|
||||
This is a code block.
|
||||
|
||||
```
|
||||
|
||||
效果：
|
||||
|
||||
This is a normal paragraph:
|
||||
|
||||
```
|
||||
This is a code block.
|
||||
|
||||
```
|
||||
|
||||
## 横线
|
||||
|
||||
三个或更多个`*`、`-`（它们之间可以有空格）会产生横线：
|
||||
|
||||
```
|
||||
* * *
|
||||
|
||||
```
|
||||
|
||||
效果：
|
||||
|
||||
* * * * *
|
||||
|
||||
## 链接
|
||||
|
||||
内嵌链接：
|
||||
|
||||
```
|
||||
I get 10 times more traffic from [Google](http://google.com/ "Google")
|
||||
than from [Yahoo](http://search.yahoo.com/ "Yahoo Search") or
|
||||
[MSN](http://search.msn.com/ "MSN Search").
|
||||
|
||||
```
|
||||
|
||||
或参考文献式链接（缺省的链接标记认为与文本一致）：
|
||||
|
||||
```
|
||||
I get 10 times more traffic from [Google] [1] than from
|
||||
[Yahoo] [2] or [MSN] [3].
|
||||
|
||||
[1]: http://google.com/ "Google"
|
||||
[2]: http://search.yahoo.com/ "Yahoo Search"
|
||||
[3]: http://search.msn.com/ "MSN Search"
|
||||
|
||||
I get 10 times more traffic from [Google][] than from
|
||||
[Yahoo][] or [MSN][].
|
||||
|
||||
[google]: http://google.com/ "Google"
|
||||
[yahoo]: http://search.yahoo.com/ "Yahoo Search"
|
||||
[msn]: http://search.msn.com/ "MSN Search"
|
||||
|
||||
```
|
||||
|
||||
效果：
|
||||
|
||||
I get 10 times more traffic from [Google](http://google.com/ "Google") than from [Yahoo](http://search.yahoo.com/ "Yahoo Search") or [MSN](http://search.msn.com/ "MSN Search").
|
||||
|
||||
如果直接以链接地址作为链接文本，可以用如下快捷写法：
|
||||
|
||||
```
|
||||
<http://www.shengbin.me> 效果：
|
||||
|
||||
```
|
||||
|
||||
[http://www.shengbin.me](http://www.shengbin.me/)
|
||||
|
||||
## 强调
|
||||
|
||||
单个`*`或`_`产生斜体，两个（`**`、`__`）则产生粗体。例如：
|
||||
|
||||
```
|
||||
*like* _this_
|
||||
|
||||
**like** **this**
|
||||
|
||||
```
|
||||
|
||||
效果：
|
||||
|
||||
*like* *this*
|
||||
|
||||
**like** **this**
|
||||
|
||||
## 内嵌代码
|
||||
|
||||
```
|
||||
code: `echo hello`
|
||||
|
||||
```
|
||||
|
||||
效果：
|
||||
|
||||
code: `echo hello`
|
||||
|
||||
## 图片
|
||||
|
||||
图片与链接类似，只需在文本前面加上感叹号`!`即可。图片位置和大小无法通过Markdown来指定。
|
||||
|
||||
## 转义字符
|
||||
|
||||
以下特殊字符需要用`\`转义得到。
|
||||
|
||||
```
|
||||
\ backslash
|
||||
` backtick
|
||||
* asterisk
|
||||
_ underscore
|
||||
{} curly braces
|
||||
[] square brackets
|
||||
() parentheses
|
||||
# hash mark
|
||||
+ plus sign
|
||||
- minus sign (hyphen)
|
||||
. dot
|
||||
! exclamation mark
|
||||
```
|
||||
112
_posts/2016-08-15-style-test.md
Normal file
112
_posts/2016-08-15-style-test.md
Normal file
@@ -0,0 +1,112 @@
|
||||
---
|
||||
layout: post
|
||||
title: "文本样式参考"
|
||||
tags: [关于本站]
|
||||
comments: true
|
||||
toc: true
|
||||
---
|
||||
Below is just about everything you'll need to style in the theme. Check the source code to see the many embedded elements within paragraphs.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
## 1. Header
|
||||
|
||||
# Header 1
|
||||
|
||||
## Header 2
|
||||
|
||||
### Header 3
|
||||
|
||||
#### Header 4
|
||||
|
||||
##### Header 5
|
||||
|
||||
###### Header 6
|
||||
|
||||
### 1-1. Header Alignment
|
||||
|
||||
#### Left(Default)
|
||||
|
||||
#### Center
|
||||
|
||||
{: .center}
|
||||
|
||||
#### Right
|
||||
|
||||
{: .right}
|
||||
|
||||
## 2. Body Text
|
||||
|
||||
Lorem ipsum dolor sit amet, [test link](#) adipiscing elit. **This is strong.** Nullam dignissim convallis est. Quisque aliquam. *This is emphasized.* Donec faucibus. Nunc iaculis suscipit dui. 5<sup>3</sup> = 125. Water is H<sub>2</sub>O. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. <u>Underline</u>. Maecenas ornare tortor. Donec sed tellus eget `COPY filename` sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, <del>Dinner’s at 5:00.</del> commodo vitae, feugiat in, nunc. Morbi imperdiet augue <mark>mark element</mark> quis tellus.
|
||||
|
||||
## 3. Images
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
### 3-1. Image Alignment
|
||||
{: .center-image}
|
||||
|
||||
## 4. Blockquotes
|
||||
|
||||
> Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam.
|
||||
|
||||
## 5. List Types
|
||||
|
||||
### Unordered List
|
||||
|
||||
* Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||||
* Nam ultrices nunc in nisi pellentesque ultricies. Cras scelerisque ipsum in ante laoreet viverra. Pellentesque eget quam et augue molestie tincidunt ac ut ex. Sed quis velit vulputate, rutrum nisl sit amet, molestie neque. Vivamus sed augue at turpis suscipit fringilla.
|
||||
* Integer pretium nisl vitae justo aliquam, at varius nisi blandit.
|
||||
1. Nunc vehicula nulla ac odio gravida vestibulum sed nec mauris.
|
||||
2. Duis at diam eget arcu dapibus consequat.
|
||||
* Etiam vel elit in purus iaculis pretium.
|
||||
|
||||
### Ordered List
|
||||
|
||||
1. Quisque ullamcorper leo non ex pretium, in fermentum libero imperdiet.
|
||||
2. Donec eu nulla euismod, rhoncus ipsum nec, faucibus elit.
|
||||
3. Nam blandit purus gravida, accumsan sem in, lacinia orci.
|
||||
* Duis congue dui nec nisi posuere, at luctus velit semper.
|
||||
* Suspendisse in lorem id lacus elementum pretium nec vel nibh.
|
||||
4. Aliquam eget ipsum laoreet, maximus risus vitae, iaculis leo.
|
||||
|
||||
### Definition Lists
|
||||
|
||||
kramdown
|
||||
: A Markdown-superset converter
|
||||
|
||||
Maruku
|
||||
: Another Markdown-superset converter
|
||||
|
||||
## 6. Tables
|
||||
|
||||
| Header1 | Header2 | Header3 |
|
||||
|:--------|:-------:|--------:|
|
||||
| cell1 | cell2 | cell3 |
|
||||
| cell4 | cell5 | cell6 |
|
||||
|----
|
||||
| cell1 | cell2 | cell3 |
|
||||
| cell4 | cell5 | cell6 |
|
||||
|=====
|
||||
| Foot1 | Foot2 | Foot3
|
||||
|
||||
|
||||
## 7. Code Snippets
|
||||
|
||||
### Highlighted Code Blocks
|
||||
|
||||
```css
|
||||
#container {
|
||||
float: left;
|
||||
margin: 0 -240px 0 0;
|
||||
width: 100%;
|
||||
}
|
||||
```
|
||||
|
||||
### Standard code block
|
||||
|
||||
<div id="awesome">
|
||||
<p>This is great isn't it?</p>
|
||||
</div>
|
||||
27
_posts/2018-04-28-welcome-to-endworld.md
Normal file
27
_posts/2018-04-28-welcome-to-endworld.md
Normal file
@@ -0,0 +1,27 @@
|
||||
---
|
||||
layout: post
|
||||
title: "欢迎来到末世界"
|
||||
date: 2018-04-28
|
||||
categories: sticky
|
||||
tags: [关于本站]
|
||||
description: 关于本博客，一点说明
|
||||
---
|
||||
关于本博客，一点说明
|
||||
|
||||
说来这个“来自中世界”的id，初认识我的人九成都会叫错，托圈的人叫成“来自中土世界”，而其他人普遍是“来自中世纪”。极少有人知道，这个梗来自斯蒂芬·金的《黑暗塔》，里面有内世界、中世界和末世界。
|
||||
|
||||
<!-- more -->
|
||||
|
||||
《黑暗塔》的主角团多半时间都行走在中世界，而他们的目的地是末世界，那里一切都改变得更多，世界扭曲黑暗，反派在不断攻击塔，但塔就在那里，而他们的目标就是找到塔，拯救世界。主角团大部分来自不同时代的纽约，他们跟随来自内世界的枪侠罗兰，而（抱歉剧透）主角团大部分人到了故事结尾都死了。
|
||||
|
||||
其实我不知道我当年为什么选这样一个id，大概主要是因为这个作品很冷，人们不知道它啥意思，显得高冷又酷炫。总之既然用了，就一直没改过。
|
||||
|
||||
现在建这个博客，是受了“[端点星](https://terminus2049.github.io/)”的启发，但建好以后我发现，其实我并没有写过什么非常需要防审查的东西。但还是要承认，这两年我这个正在步入中年危机的大龄青年愈发愤怒了，于是学会了建这种东西，大概也是没坏处的。
|
||||
|
||||
叫做末世界，是因为喜欢这个词末世的感觉，而同时窃窃心中自诩还想改变些什么，身在走向塔的途中。
|
||||
|
||||
正常来说，想必不会有人跑来刷这个博客，而且根本没有评论功能，因此我自言自语的话，大概也不会有人打扰了。【后来我果然一不小心就加了评论功能，而且还嫌它太丑
|
||||
|
||||
另外，这个GitHub的方式意味着除我之外的人，也可以在这个博客发布内容，如果有朋友（意思是我们认识彼此）想的话，可以来找我，即使你对技术一无所知，我也可以帮你发。如果你对这种操作感兴趣，我也可以告诉你如何免费建立一个自己的这样简单的静态博客。
|
||||
|
||||
谢谢。
|
||||
51
_posts/2018-11-17-Cornwall-Park-&-One-Tree-Hill.md
Normal file
51
_posts/2018-11-17-Cornwall-Park-&-One-Tree-Hill.md
Normal file
@@ -0,0 +1,51 @@
|
||||
---
|
||||
layout: post
|
||||
title: "Cornwall Park & One Tree Hill"
|
||||
date: 2018-11-17
|
||||
tags: [新西兰, 奥克兰, 北岛]
|
||||
comments: true
|
||||
author: 来自中世界
|
||||
---
|
||||
这一系列是我在新西兰的游记。
|
||||
|
||||
总体来说，目前为止我在这里没有发生什么太特别的事（除了摔了一跤，崴了脚，瘸了好几周？），也必须承认我并没有很深刻的感想和领悟，还有我的摄影设备仅限于手机，技能也仅限于随手一拍。因此这些游记读起来并不有趣，主要是为我自己而写，以防太快忘掉这些经历。
|
||||
|
||||
存档于我的GitHub博客。所有图片和文字的权利我全部保留。
|
||||
|
||||
<!-- more -->
|
||||
|
||||
很巧这个公园离我们初至时住的地方很近，让我有了一种好像是……被路边随便一个公园惊艳了的感觉。当然了其实它并不是路边随便一个公园，在奥克兰算是一个颇为著名的景点了。不过我是去过后才知道的。
|
||||
|
||||
在这里我第一次强烈地感觉到了……新西兰是个退休的好地方。真的，这个地方，让人非常放松，我当时发微博说它令人放弃所有人生追求，想要立刻退休。
|
||||
|
||||
市里的公共公园里也放羊很是让我吃了一惊，但是完全没有破坏公园的景致
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
不过后来我再看到Regional Park里也有牛羊就保持了淡定……不过这是后话了。
|
||||
|
||||
石墙之类东西上都有超多地衣，让我想起不记得哪年生物课学过，地衣可以作为空气污染的指示物，哈。
|
||||
|
||||
|
||||
|
||||
第一次去的时候在门口遇到一个当地女士，跟我们聊了两句，她告诉我们说One Tree Hill上曾经是有一颗The One Tree的，可是现在已经被砍掉了。
|
||||
|
||||
我们第二次去的时候才上了山顶。感想：很美，平静，放松，舒适，想退休。
|
||||
|
||||
最后放几张我自己比较满意的照片。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
21
_posts/2018-11-23-Mount-Eden.md
Normal file
21
_posts/2018-11-23-Mount-Eden.md
Normal file
@@ -0,0 +1,21 @@
|
||||
---
|
||||
layout: post
|
||||
title: "Mount Eden"
|
||||
date: 2018-11-23
|
||||
tags: [新西兰, 奥克兰, 北岛]
|
||||
comments: true
|
||||
author: 来自中世界
|
||||
---
|
||||
我们现在住的地区就叫Mount Eden，算是一个地标，它距离奥克兰市中心很近，论风景而言倒不是太特别。不过绿茸茸的火山口还是挺有趣的。
|
||||
|
||||
我们爬上去又爬下来，大概花了40分钟吧，当时有点赶时间……
|
||||
|
||||
<!-- more -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,57 @@
|
||||
---
|
||||
layout: post
|
||||
title: "Gulf Harbour and Shakespear Regional Park"
|
||||
date: 2018-11-25
|
||||
tags: [新西兰, 奥克兰, 北岛]
|
||||
comments: true
|
||||
author: 来自中世界
|
||||
---
|
||||
啊，这里……真是个非常美妙的地方，而且几乎没有被国人旅行团发现【喂
|
||||
|
||||
可惜去的时候天气连绵阴雨，我们只能趁着雨小或者罕有的一点晴天跑出去玩。
|
||||
|
||||
<!-- more -->
|
||||
|
||||
先简要介绍一下，Whangaparaoa是个奥克兰北边的小小半岛，有一些居民，中间有个游艇码头叫做Gulf Harbour，靠海的东端是Shakespear Regional Park。
|
||||
|
||||
因为是小半岛，所以几乎哪里都在海边，环境超级棒，房子几乎都是新盖的，Google Earth上有的都还看不到，随便出门走上几步就很漂亮。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
不过这点雨停的时刻太短暂了，第二天我们想出去玩……又是阴天。
|
||||
|
||||
Shakespear Regional Park里的步道，我们走了其中一条，一路风景非常开阔，四面是绿色的山丘，更远端是海。山坡上是刚刚剃过毛的绵羊，蛮可爱的秃兮兮的。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Shakespeare Beach是我们去过的第一个比较特色的海滩，而且是因为非常幸运，当天那里没有人，才发现了它最美妙的特征。
|
||||
|
||||
这里的海滩上的“沙子”几乎都是由碎贝壳片组成，踩上去略微有点硌脚，但海浪冲上沙滩带动碎贝壳片，会发出风铃一般非常可爱的声响。
|
||||
|
||||
不过这大概只有在潮水位置合适的时候，且沙滩上人很少的时候才能听到。后来我们又去的时候赶上涨潮，贝壳沙滩几乎被淹没，而且人多了起来，很多Kite-surfer在那里，又是另一种不同的景致。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
离这里很近的地方更加好玩，叫做Okoromai Bay，有一大片泥滩，在退潮的时候，人可以走进去，泥里面有很多蛤蜊，当地的规定是每人每天可以捡50个。
|
||||
|
||||
捡蛤蜊超级有趣！需要光脚走进去（穿鞋的话鞋底会被泥吸住，走不动路），用脚底感觉到蛤蜊，因为活的一般都在泥里钻着。蛤蜊捡回去，挑出来最大的每人50个，小的就扔回泥里，白水煮了吃，超级鲜美。
|
||||
|
||||
然鹅捡的过程中我的手机掉到泥了【。所以拍的照片很少……
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
最后这张，爆个照，是我。
|
||||
|
||||
|
||||
37
_posts/2018-12-08-Coca-Cola-Christmas-In-the-Park.md
Normal file
37
_posts/2018-12-08-Coca-Cola-Christmas-In-the-Park.md
Normal file
@@ -0,0 +1,37 @@
|
||||
---
|
||||
layout: post
|
||||
title: "Coca-Cola Christmas In the Park 公园圣诞"
|
||||
date: 2018-12-08
|
||||
tags: [新西兰, 奥克兰, 北岛]
|
||||
comments: true
|
||||
author: 来自中世界
|
||||
---
|
||||
这是个在Auckland Domain举办的露天圣诞晚会。由可口可乐主办，挺热闹的。
|
||||
|
||||
我们去的时候显然非常缺乏准备……到了那里发现大多数人带了毯子和折叠椅等等设备，而我们不仅没有椅子坐，还穿得太夏季，在寒风中瑟瑟发抖……
|
||||
|
||||
<!-- more -->
|
||||
|
||||
可以体会一下以下照片里人们的乱穿衣级别，从T恤到羽绒服各式各样。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
奥克兰的夏天真的很一言难尽，基本上只有在热烈的阳光下才会有一点夏天的感觉，雨水很多，刮风下雨的时候体感温度相当低。
|
||||
|
||||
这个失误之后，我们买了些海滩毯子和小海滩帐篷之类设备，开启了新西兰特色的户外用品购置之旅……不过这个也是后话了。
|
||||
|
||||
晚会的内容就是唱歌，歌手我……承认我一个都不认识，前半程的歌全部和圣诞有关，后半场开始有些其他东西，不过歌手基本上就是前半场的那些人换个衣服再来一圈。
|
||||
|
||||
总体来讲活动办得还是很不错的，然而毕竟小国小地方，没有什么大明星也没有太大的人群。
|
||||
|
||||
后来我得知大屏幕上那种开毛茸茸的红花的树，在这里被叫做New Zealand Christmas Tree，不过我有点猜到了，绿树红花又正好在这个季节开花，路边上有很多，挺漂亮的。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
晚会结束的时候有焰火，还不错。不过我拍得着实不咋样……
|
||||
|
||||
|
||||
@@ -1,207 +0,0 @@
|
||||
---
|
||||
layout: post
|
||||
title: LOFFER文档
|
||||
date: 2019-06-02
|
||||
Author: 来自中世界
|
||||
tags: [sample, document]
|
||||
comments: true
|
||||
toc: true
|
||||
pinned: true
|
||||
---
|
||||
LOFFER是个可以帮助你get off from LOFTER的软件（我知道这个pun很烂）。
|
||||
|
||||
这是一个可以通过Fork直接发布在GitHub的Jekyll博客，你不需要编写代码或使用命令行即可获得一个部署在GitHub的博客。
|
||||
|
||||
## 更新内容
|
||||
|
||||
### 2019-07-25 V0.4.0
|
||||
|
||||
修订目录跳级会坏掉的问题，不算完美解决，但不会坏掉了。
|
||||
|
||||
增加对LaTeX渲染的支持，请见[这篇说明和示例](https://fromendworld.github.io/LOFFER/math-test/)。
|
||||
|
||||
增加置顶功能，只要在一个post的YAML Front Matter（就是文章头部的这段信息）中加入` pinned: true `，这篇文章就可以置顶了。
|
||||
|
||||
另外介绍一个给LOFFER更换主题颜色的手法。LOFFER用了一个开源的颜色表[Open Color](https://yeun.github.io/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的修改，因此应该可以通过[这个方法](https://github.com/KirstieJane/STEMMRoleModels/wiki/Syncing-your-fork-to-the-original-repository-via-the-browser)，给自己提pull request来更新。
|
||||
|
||||
目录基于[jekyll-toc by allejo](https://github.com/allejo/jekyll-toc)制作。
|
||||
|
||||
目前我试用发现了一点小问题：如果你的标题级数不按套路变化，它就会搞不懂……
|
||||
|
||||
` # 一级标题 `下面必须是` ## 二级标题 `，如果是` ### 三级标题 `它就人工智障了【手动扶额】
|
||||
|
||||
注意：目前目录仅在桌面版显示。
|
||||
|
||||
|
||||
### 2019-06-30 V0.2.0
|
||||
|
||||
新版本进一步优化了一下样式，并且支持了基于GitHub Issues的评论Gitalk（请看下文的配置说明）。
|
||||
|
||||
如果你已经fork了LOFFER，想要更新到新版本的话，可以试试[这个方法](https://github.com/KirstieJane/STEMMRoleModels/wiki/Syncing-your-fork-to-the-original-repository-via-the-browser)，或者你也可以干脆删掉重来，只要保留自己的大部分config设定和所有的post就好。
|
||||
|
||||
LOFFER只是容器，你的posts才是博客的核心。
|
||||
|
||||
|
||||
## 注意
|
||||
|
||||
LOFFER是一个**博客模板**，使用GitHub Pages发布个人博客是没有任何问题的。 **但是:**
|
||||
|
||||
- **请勿发布成人向内容**
|
||||
- **不要将大量图片上传到GitHub**
|
||||
|
||||
如有疑问，请阅读[GitHub Pages官方说明](https://pages.github.com/)。
|
||||
|
||||
另外，同人作品更好的发布平台是[AO3](https://archiveofourown.org/)，你想你发在AO3还有tag还有kudos还有人看，是吧？
|
||||
|
||||
|
||||
## 如何使用
|
||||
|
||||
首先，这个博客主题适应手机阅读，但是，要使用它建立你自己的博客，你需要上电脑操作。
|
||||
|
||||
### 第一步 Fork到你的GitHub
|
||||
|
||||
请点击[GitHub](https://github.com/)，注册一个GitHub账户。我们可以理解Git就是个文件版本管理系统，本身并不需要会代码即可使用。
|
||||
|
||||
现在你看到的LOFFER，是作为一个GitHub上的Repository（代码库）存在的，你可以把这个代码库复制到你自己的GitHub账户中，这个操作叫做Fork。
|
||||
|
||||
点击[LOFFER](https://github.com/FromEndWorld/LOFFER)，进入LOFFER的GitHub Repository页面，然后点Fork：
|
||||
|
||||
|
||||
|
||||
然后你立刻就可以看到LOFFER再次出现，这次它已经属于你了，这里我建议你重命名它，点击settings，给你的博客起个名字（请尽量使用字母而非中文）。
|
||||
|
||||
|
||||
|
||||
然后，向下拉页面，你会看到“GitHub Pages”，这是GitHub内置的网站host服务，选择master，如图所示：
|
||||
|
||||
|
||||
|
||||
在几秒钟后，刷新此页面，你通常会看到这个绿色的东西（如果没看到，多等一会），你的网站已经发布成功，点击这个链接，即可查看：
|
||||
|
||||
|
||||
|
||||
你可能会看到网站长得很丑，请继续下一步.
|
||||
|
||||
### 第二步 设置站点信息
|
||||
|
||||
在你的博客的GitHub代码库页面里，选择Code，文件列表里选择_config.yml，点击打开，点击右上角笔形图标修改文档。
|
||||
|
||||
修改完成后，点击“Commit changes”。每次修改过代码库并且commit后，GitHub Pages都会自动重新发布网站，只要等上几分钟，再次刷新你的博客页面，就会看到你的修改了。
|
||||
|
||||
还有一点，**LOFFER使用的是MIT协议，大意就是全部开源随意使用，如果你要保留自己博文的权利，请编辑LICENSE文件，写上类似“_posts中的文档作者保留权利”这样的内容。**
|
||||
|
||||
### 第三步 发布博文
|
||||
|
||||
在你的博客的GitHub代码库页面里，点开_posts文件夹，这里面就是你的博客文章。
|
||||
|
||||
这些文章使用的格式是Markdown，文件后缀名是md，这是一种非常简单易用的有格式文本标记语言，你应该已经注意到，在LOFFER自带的示例性博文中有一篇中文的Markdown语法介绍。
|
||||
|
||||
更简单的办法是使用[Typora](https://typora.io/)，这是一个全图形化界面，全实时预览的Markdown写作软件，非常轻量，而且免费。
|
||||
|
||||
|
||||
|
||||
在发布博文前，你需要在文章的头部添加这样的内容，包括你的文章标题，发布日期，作者名，和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](https://sm.ms/)就是和很好的选择。
|
||||
|
||||
如果想要寻找更适合自己的图床，敬请Google一下。
|
||||
|
||||
在博文中添加图片的Markdown语法是：``
|
||||
|
||||
### 可选：添加评论区
|
||||
|
||||
#### Disqus
|
||||
|
||||
LOFFER支持Disqus评论，虽然Disqus很丑，但是它是免费的，设置起来又方便，因此大家也就不要嫌弃它。
|
||||
|
||||
首先，注册一个[Disqus](https://disqus.com/)账户，我们可以选择这个免费方案：
|
||||
|
||||
|
||||
|
||||
注册成功后，新建一个站点（site），以LOFFER为例设置步骤如下：
|
||||
|
||||
首先站点名LOFFER，生成了shortname是loffer，类型可以随便选。
|
||||
|
||||
|
||||
|
||||
安装时选择Jekyll。
|
||||
|
||||
|
||||
|
||||
最后填入你的博客地址，语言可以选中文，点Complete，即可！
|
||||
|
||||
|
||||
|
||||
然后需要回到你的博客，修改_config.yml文件，在disqus字段填上你的shortname，commit，完成！
|
||||
|
||||
#### Gitalk
|
||||
|
||||
新增内容，LOFFER 0.2.0版本支持Gitalk评论区（在LOFFER示例站中仍然是Disqus，可以在[我的博客](https://himring.top/gitalk/)查看Gitalk的demo），设置方法如下：
|
||||
|
||||
首先，创建一个[OAuth application](https://github.com/settings/applications/new), 设置如图：
|
||||
|
||||
|
||||
|
||||
点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的导出文件十分~~优秀~~，需要另外解决。
|
||||
|
||||
诸位可以使用[墨问非名太太的脚本](http://underdream.lofter.com/post/38ea7d_1c5d8a983)，其中选择Jekyll输出即可。
|
||||
|
||||
我个人也在折腾一个脚本，目前还没有完全debug清楚，不管如何，请先在lofter里导出一下，存在本地也是好的，贴吧可以让2017以前所有内容全部消失，中国互联网，没什么不可能发生的。
|
||||
|
||||
## 致谢
|
||||
|
||||
* [Jekyll](https://github.com/jekyll/jekyll) - 这是本站存在的根基
|
||||
* [Kiko-now](<https://github.com/aweekj/kiko-now>) - 我首先是fork这个主题，然后再其上进行修改汉化，才有了LOFFER
|
||||
* [Font Awesome](<https://fontawesome.com/>) - 社交网络图标来自FontAwesome的免费开源内容
|
||||
|
||||
|
||||
|
||||
## 帮助这个项目
|
||||
|
||||
介绍更多人来使用它，摆脱lofter自由飞翔！
|
||||
|
||||
当然如果单说写同人的话，我还是建议大家都去AO3，但是自家博客自己架也很酷炫，你还可以选择很多其他的forkable Jeykll主题，GitHub上有很多，或者试试其他博客架设工具，例如Hexo，与代码斗其乐无穷。
|
||||
|
||||
最后，回到[LOFFER](https://github.com/FromEndWorld/LOFFER)，给我点一个☆吧！
|
||||
|
||||
|
||||
32
_posts/2019-06-18-about-loffer.md
Normal file
32
_posts/2019-06-18-about-loffer.md
Normal file
@@ -0,0 +1,32 @@
|
||||
---
|
||||
layout: post
|
||||
title: "一些关于LOFFER的笔记"
|
||||
date: 2019-06-18
|
||||
tags: [技术,翻墙]
|
||||
comments: true
|
||||
author: 来自中世界
|
||||
---
|
||||
[LOFFER](https://github.com/FromEndWorld/LOFFER)目前被fork了183次，论数量已经远超出我的预期，不过……论质量是有点失望的，因为我点开看了很多大家fork出去的站，有了自己的post的寥寥无几。
|
||||
|
||||
不过依然算是一次有意义的尝试，是我第一次真的分享出去可用的代码，也是真没想到会有这么多转发，我个人对LOFTER的屏蔽并没有那么直接的体会……因为我坑很久了都没怎么po过东西，然而看来大家是真的快受不了了。
|
||||
|
||||
然而还是要第无数次疑惑，纯写文的太太都去AO3好吗，真的很好用啊……究竟为什么不啊？英文界面靠机翻完全可以对付，文本身是只有大家发了才会有中文的可看嘛【。
|
||||
|
||||
<!-- more -->
|
||||
|
||||
话说回来，其实我不是第一次做Jekyll theme，之前搞[星球日报](https://fromendworld.github.io/dailyplanet/)的时候就弄了挺多的CSS。不过那时候没有想过代码质量什么的问题……改天我得改一改它，归档页弄个flex布局，然后也搞成模板发布一下。
|
||||
|
||||
到头来LOFFER不过是起名有点……针对性，然后在某些特定背景下才搞出了点热闹和争议。然而它本身在技术层面是真的很无趣很简单毫无特别之处的，就是个基本上没有任何fancy之处的博客站模板，这种东西在GitHub真是随机三个Repo怕就有一个=，=
|
||||
|
||||
唉，其实我发现我还是不够反贼的，现在真的一点都不想谈什么审核屏蔽炸号的道理。只觉得好疲惫，在我看来是非明确到多说一句都烦。
|
||||
|
||||
谈技术好了，其实不断搞新东西就是意义。一个好太太说的我深以为然：这个时代，格外要创作。
|
||||
|
||||
虽然我觉得改代码算不上创作，但和写文一样能消除一些焦虑感，我自古来是没有命题作文功能的，摸鱼嘛，只能想摸什么的时候摸什么。
|
||||
|
||||
下一步我准备研究一下其他评论方案，其实倒和大家说Disqus被墙没关系，搞什么最后都是被墙的结局，因为我已经看出来这建墙的趋势了，以后的中国互联网恐怕不是个墙的问题，更像是个深井……咳，扯远了，我个人嫌弃Disqus的唯一原因就是它实在是太丑了。
|
||||
|
||||
再下一步，先多搞几种不同布局的设计再说，算是学习不同的css布局手法。
|
||||
|
||||
也想试试其他的建站程序，[VuePress](https://vuepress.vuejs.org/)看起来就很不错的样子。我这老和前端们混在一起却到现在没有搞清楚Vue是什么玩意，也是觉得自己也是蠢得不行。
|
||||
|
||||
@@ -1,47 +0,0 @@
|
||||
---
|
||||
layout: post
|
||||
title: LaTex渲染的说明和测试
|
||||
date: 2019-07-24
|
||||
Author: 来自中世界
|
||||
tags: [sample, document]
|
||||
comments: true
|
||||
---
|
||||
LaTeX渲染已经在全站头部文件引入，可以直接使用，公式块上下使用`$$`标明，内联公式则用`$`.
|
||||
|
||||
最好不要让公式出现在文章摘要里。
|
||||
|
||||
Jekyll的默认文章摘要是第一段，但是我在使用中发现它选取摘要不是很稳定，因此加入了手动摘要分割线，默认为`<!-- more -->`，并且加入了首页摘要的字符数限制。
|
||||
|
||||
因此有特殊符号、内容的文章，建议将这些内容折叠在摘要以下。例如本文
|
||||
|
||||
<!-- more -->
|
||||
|
||||
Block math test
|
||||
|
||||
```
|
||||
$$
|
||||
\begin{align*}
|
||||
y = y(x,t) &= A e^{i\theta} \\
|
||||
&= A (\cos \theta + i \sin \theta) \\
|
||||
&= A (\cos(kx - \omega t) + i \sin(kx - \omega t)) \\
|
||||
&= A\cos(kx - \omega t) + i A\sin(kx - \omega t) \\
|
||||
&= A\cos \Big(\frac{2\pi}{\lambda}x - \frac{2\pi v}{\lambda} t \Big) + i A\sin \Big(\frac{2\pi}{\lambda}x - \frac{2\pi v}{\lambda} t \Big) \\
|
||||
&= A\cos \frac{2\pi}{\lambda} (x - v t) + i A\sin \frac{2\pi}{\lambda} (x - v t)
|
||||
\end{align*}
|
||||
$$
|
||||
|
||||
```
|
||||
|
||||
$$
|
||||
\begin{align*}
|
||||
y = y(x,t) &= A e^{i\theta} \\
|
||||
&= A (\cos \theta + i \sin \theta) \\
|
||||
&= A (\cos(kx - \omega t) + i \sin(kx - \omega t)) \\
|
||||
&= A\cos(kx - \omega t) + i A\sin(kx - \omega t) \\
|
||||
&= A\cos \Big(\frac{2\pi}{\lambda}x - \frac{2\pi v}{\lambda} t \Big) + i A\sin \Big(\frac{2\pi}{\lambda}x - \frac{2\pi v}{\lambda} t \Big) \\
|
||||
&= A\cos \frac{2\pi}{\lambda} (x - v t) + i A\sin \frac{2\pi}{\lambda} (x - v t)
|
||||
\end{align*}
|
||||
$$
|
||||
|
||||
Inline math test `$\lim_{x \to \infty} \exp(-x) = 0$`, $\lim_{x \to \infty} \exp(-x) = 0$
|
||||
|
||||
63
_posts/2019-6-19-lofter-expo-repo.md
Normal file
63
_posts/2019-6-19-lofter-expo-repo.md
Normal file
@@ -0,0 +1,63 @@
|
||||
---
|
||||
layout: post
|
||||
title: "LOFTER迁移综合指北"
|
||||
date: 2019-06-19
|
||||
tags: [技术,翻墙]
|
||||
comments: true
|
||||
author: 来自中世界
|
||||
toc: true
|
||||
---
|
||||
## 第一步 导出
|
||||
|
||||
|
||||
在网页版顶部菜单选择**更多-导入导出**，下载XML文档即可。
|
||||
|
||||
看起来很顺利的样子但是我要先吐槽一下LOFTER这个功能……我总觉得它是当年为了假装是个功能全面的博客服务才搞的，实际上网易的产品只想忽悠你从别处迁移到lofter去，没真正替你考虑怎么从lofter迁出来。
|
||||
|
||||
<!-- more -->
|
||||
|
||||
这个文档包含了你所有的文字po，图片只有URL，和评论内容，没有热度等信息。音乐会有链接。长文章……不知出于什么缘故，大概是网易的产品更新长文章功能的时候完全忘了这回事……除了封面图什么都没有。所以你要是想迁移很多长文章的话……这篇指北并帮不了你。
|
||||
|
||||
总之这个xml挺sucks的【。然后lofter也不是什么搞技术的人聚集的社区，所以写很少有人做第三方工具，因此……well，本文会说到我目前找到的所有相关转换方法，都有一定的局限且并非一键操作。
|
||||
|
||||
## 第二步 转换
|
||||
|
||||
|
||||
把这个xml变成一种可读或可再发布的格式，目前我所知有如下方案。
|
||||
|
||||
有一款WordPress插件……[cnblogs2wp](https://wordpress.org/plugins/cnblogs2wp/)。
|
||||
|
||||
技术上说这应该是个不错的方案，WordPress和插件本身都是免费的，而且我看到过的评价都是这这个插件挺好用。我一度想先导入WordPress，再从WordPress导出……这样大概相当于把一种神他妈小众的产品先转换为一般等价物，然后就哪哪都好使了。
|
||||
|
||||
当然理论是这样的。实际上怎样老实说我也不知道，在WordPress.com你要付费才能用插件，而自建的WordPress显然你就需要有个host……总之对于只是想通过它中转的需求来说，太重，太复杂，不值得。WordPress本身用作个人博客也已经开始显得太重，太复杂了。
|
||||
|
||||
但当然如果你已经有一个付费的WordPress.com账户或者自己的WordPress网站…………那你怎么还会需要看我这样半吊子写的指北！！！！~~方案一~~
|
||||
|
||||
方案二，是[墨问非名太太的脚本](https://github.com/alicewish/Lofter2Hexo)，我提到过许多次了。
|
||||
|
||||
说来这事有趣，因为它恰巧和另一个JS脚本的名字相同，都是LOFTER2hexo（只有大小写有区别），我一开始还以为是同一个……大概是因为Hexo确实比较流行？目前的最新版本我个人是发现会在某些博文处卡住不动，因为不懂python，加上图形界面的封装似乎没有添加具体的报错信息，暂时还不知道是什么缘故。
|
||||
|
||||
对了，这个脚本导出的md文档文章内容部分并不是Markdown格式，而是HTML，由于当然了Markdown可以解析HTML的标签，所以内容本身是没问题的。但是如果想要作为Markdown文档再编辑，就需要再进行一遍转换。
|
||||
|
||||
方案三，是我改的JS脚本[lofter2Jekyll](https://github.com/FromEndWorld/lofter2Jekyll)，源自上面提到过的那个同名脚本。那个脚本我一开始试用是能导出所有的md文档，但是内容都是空的，我痛苦无比地debug了许久，变成了能导出有文字的md，但是图片一张都下不到……继续debug，再然后变成了图片能下到几张，但是遇到有下载失败，程序就停止运行了………牡蛎太太告诉我试试catch语句，我？？？？
|
||||
|
||||
要知道我这样的超级半吊子，是只会改代码，不会写代码的！懵逼了许久以后我勇敢地写了笨拙的几行……居然work了？然而我目测try套if的操作可能绝无仅有，是我的笨拙之标志了=，=
|
||||
|
||||
这个脚本引用了几个开源的JS包，包括从html转换到md，和从URL批量下载图片什么的，所以转换效果我觉得还是比较满意的，有些出错的图片可能是因为发布的时候图床就不在lofter，然后出于某种原因图本来就挂了，现在脚本也可以跳过这样的情况继续下载了。然后我还修了一些在md里加回车之类的小问题……似乎我自己LOFTER真的集合了很多奇葩状况，很适合作为测试数据源。
|
||||
|
||||
总归这番漫长的debug是个极度笨拙但是……挺有趣的过程，最终我得到了一个让我自己可以接受的版本，考虑到原作者两年前的PR都没有pull（我倒是把那个PR的改动用上了），我就重新发布了一遍，拥有了第一个自己的[npm包](https://www.npmjs.com/package/lofter2jekyll)【请鼓掌】
|
||||
|
||||
真的，客观来说不是什么大事，但是很有成就感的！目前我看有29次下载，很感谢大家试用我笨拙的代码，真想知道好不好用，能给我提个issue或是pull request的话，do it with style！
|
||||
|
||||
以上就是夹带广告的，我所知的三种将lofter导出文件转换成其他博客软件可用的文档的方案。
|
||||
|
||||
## 第三步 再发布
|
||||
|
||||
|
||||
这个其实解决方案就很多了，比如说，咳，[LOFFER](https://github.com/FromEndWorld/LOFFER)。实际上如果你通过它有一点点get了这种操作，与LOFFER类似的Jeykll模板其实比LOFTER的可选主题还有多，不喜欢LOFFER的模样的话可以到这里挑一挑<http://jekyllthemes.org/>
|
||||
|
||||
我也试用了一下Hexo，还是蛮好用的，而且详细的步骤教程确实很多，我当时用的是这个<https://zhuanlan.zhihu.com/p/26625249>，一步步搞下来挺顺利的，完全不需要debug，结果我什么也没学会，现在要是想改点啥或者再部署一个，还得再跟着教程一步步做。
|
||||
|
||||
下一步我计划分别试一下Hugo和VuePress，如果顺利的话也可以分享一下经验。
|
||||
|
||||
这篇废话连篇的指北就这样吧，我坐在电脑前快冻死了，ciao！
|
||||
35
_posts/2019-6-28-gitalk.md
Normal file
35
_posts/2019-6-28-gitalk.md
Normal file
@@ -0,0 +1,35 @@
|
||||
---
|
||||
layout: post
|
||||
title: "Gitalk评论笔记"
|
||||
date: 2019-06-19
|
||||
tags: [技术,Gitalk]
|
||||
comments: true
|
||||
author: 来自中世界
|
||||
---
|
||||
早先就吐槽过无数次Disqus的丑，于是当然要搞个其他的评论方案。
|
||||
|
||||
我考虑了Valine，然后发现它虽然无后端，却需要host在LeanCloud上，虽然LeanCloud有足够用的免费开发版，却似乎是在国内服务器上……emmmm，不乐意。
|
||||
|
||||
<!-- more -->
|
||||
|
||||
那么剩下的足够简约的方案就是各种对GitHub Issues的神奇操作了，考虑了[Gitment](https://github.com/imsun/gitment)，[Gitalk](https://github.com/imsun/gitment)和[Vssue](https://vssue.js.org/zh/)。
|
||||
|
||||
Gitment不知怎么的连它那个demo站我都登录不了，而且好像无人维护的时间比Gitalk要长不少。而Vssue看起来很厉害的样子……我琢磨着太厉害了要不要下次再试。于是决定先试水Gitalk。
|
||||
|
||||
添加Gitalk是极其顺利的……看了几圈文档，加上html，加上设置项，一次成功毫无bug！可把我得意坏了=。=
|
||||
|
||||
然后我就琢磨着把它给个性化一下，不能换颜色的组件我都无法忍受（说出了痛恨Disqus的真实原因）。是的在搞UI这方面我就是个填色狂魔。
|
||||
|
||||
然后我就下了它那个样式表文件，然后我就在上面浪费了三个晚上……orz
|
||||
|
||||
~~这代码一定是直男写的吧！~~ 整个样式表里面前后覆盖的乱七八糟废代码多到爆炸！爆炸！真实面多了加水水多了加面写法。
|
||||
|
||||
我删了好几次，怕删错了什么，然而却又因为手头没有足够的test cases而无法完全确定到底有没有删错什么。
|
||||
|
||||
最后弄成了现在这个版本，基本上它自带的那堆文本样式都被我删光了，改为全部继承页面的样式，就是字体小一点。除了代码高亮以外的所有颜色也都改成了统一控制的变量（填色狂魔的执著！）。
|
||||
|
||||
还是不能完全确定不会出bug，所以欢迎看到此页的朋友（大概根本不会有吧）在评论区里面多打点奇怪的东西来帮我测试一下。
|
||||
|
||||
周末有空再整理一下，没有太明显恶劣的bug就可以添加到LOFFER上了。文档到时候再写吧……
|
||||
|
||||
又冻僵了，南半球的冬天也还是挺可怕的，ciao！
|
||||
@@ -204,7 +204,6 @@
|
||||
.markdown-body pre {
|
||||
padding: 16px;
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
font-size: 85%;
|
||||
line-height: 1.45;
|
||||
background-color: #f6f8fa;
|
||||
@@ -701,7 +700,6 @@
|
||||
border-radius: 5px;
|
||||
border: 1px solid $divider-color;
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
-webkit-transition: all ease 0.25s;
|
||||
transition: all ease 0.25s;
|
||||
|
||||
|
||||
@@ -16,8 +16,7 @@ pre.highlight {
|
||||
border: 1px solid $oc-gray-3;
|
||||
border-radius: 3px;
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
.highlight { background: $oc-gray-0; }
|
||||
|
||||
@@ -3,13 +3,8 @@
|
||||
// VARIABLES
|
||||
//
|
||||
|
||||
// 颜色使用opencolor https://yeun.github.io/open-color/
|
||||
// 主题色可选 red, pink, grape, violet, indigo, blue, cyan, teal, green, lime, yellow
|
||||
// 默认为teal，如果需要更换，可以直接将teal并替换成你想要的颜色，例如，查找teal，替换indigo，全部替换，保存，push，完成！
|
||||
|
||||
|
||||
// Colors
|
||||
$blue: $oc-teal-8;
|
||||
$blue: $oc-red-8;
|
||||
|
||||
// Grays
|
||||
$black: #000;
|
||||
@@ -38,12 +33,12 @@ $base-lighten-color: $oc-gray-6;
|
||||
$base-lightener-color: $oc-gray-4;
|
||||
|
||||
$background-color: $oc-gray-0;
|
||||
$background-lighten-color: hsla(210, 17%, 98%, 0.42);
|
||||
$background-lighten-color: #f8f9fa6b;
|
||||
|
||||
$text-color: $base-color;
|
||||
$link-color: $oc-teal-8;
|
||||
$link-lighten-color: $oc-teal-6;
|
||||
$link-bghv-color: $oc-teal-0;
|
||||
$link-color: $oc-red-8;
|
||||
$link-lighten-color: $oc-red-6;
|
||||
$link-bghv-color: $oc-red-0;
|
||||
$divider-color: $oc-gray-1;
|
||||
|
||||
$error-color:$oc-red-8;
|
||||
@@ -61,7 +56,7 @@ $footnote-link-background-over-color: $oc-gray-1;
|
||||
$selection-background-color: $oc-gray-3;
|
||||
|
||||
$tag-index-label-background-color: $oc-gray-2;
|
||||
$tag-index-count-background-color: hsla(210, 7%, 56%, 0.102);
|
||||
$tag-index-count-background-color: #868e961a;
|
||||
|
||||
$footer-border-color: $oc-gray-2;
|
||||
$footer-background-color: $oc-gray-0;
|
||||
|
||||
8
about.md
8
about.md
@@ -1,7 +1,11 @@
|
||||
---
|
||||
layout: page
|
||||
title: 关于
|
||||
title: About
|
||||
permalink: /about/
|
||||
---
|
||||
|
||||
这是一个关于页面，请编辑about.md以介绍你的博客。
|
||||
lemonchann的个人博客。
|
||||
|
||||
**[_posts](https://github.com/lemonchann/lemonchann.github.io/tree/master/_posts)** 文件夹内的所有文章版权均属于列出的文章作者，遵循License: CC BY-NC-SA 署名-非商业性使用-相同方式共享。
|
||||
|
||||
致谢：本站原始主题来自Jekyll主题[LOFFER](https://fromendworld.github.io/LOFFER/)
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 120 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 72 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 73 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 80 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.7 KiB After Width: | Height: | Size: 3.7 KiB |
BIN
images/fork.gif
BIN
images/fork.gif
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 18 KiB |
BIN
images/logo.png
BIN
images/logo.png
Binary file not shown.
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 50 KiB |
BIN
images/pages.png
BIN
images/pages.png
Binary file not shown.
|
Before Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 51 KiB |
40
index.html
40
index.html
@@ -1,52 +1,14 @@
|
||||
---
|
||||
layout: default
|
||||
---
|
||||
<script src="https://unpkg.com/feather-icons"></script>
|
||||
|
||||
{% if site.posts.size == 0 %}
|
||||
<h2>No post found</h2>
|
||||
{% endif %}
|
||||
|
||||
<div class="posts">
|
||||
|
||||
{% for post in paginator.posts %}
|
||||
{% if post.pinned==true %}
|
||||
<article class="post pinned">
|
||||
<h1>
|
||||
<span title="pinned"><i data-feather="anchor"></i></span><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
|
||||
</h1>
|
||||
|
||||
<div clsss="meta">
|
||||
<span class="date">
|
||||
{{ post.date | date: "%Y-%m-%d" }}
|
||||
</span>
|
||||
|
||||
<ul class="tag">
|
||||
{% for tag in post.tags %}
|
||||
<li>
|
||||
<a href="{{ site.url }}{{ site.baseurl }}/tags#{{ tag }}">
|
||||
{{ tag }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
<script>
|
||||
feather.replace()
|
||||
</script>
|
||||
</div>
|
||||
|
||||
<div class="entry">
|
||||
{{ post.excerpt | truncate: 200 }}
|
||||
</div>
|
||||
|
||||
<a href="{{ site.baseurl }}{{ post.url }}" class="read-more">Read More</a>
|
||||
</article>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{% for post in paginator.posts %}
|
||||
{% unless post.pinned %}
|
||||
{% unless post.draft %}
|
||||
<article class="post">
|
||||
<h1>
|
||||
<a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
|
||||
|
||||
13
style.scss
13
style.scss
@@ -180,7 +180,6 @@ dt {
|
||||
float: left;
|
||||
width: $dt-width;
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
clear: left;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
@@ -481,14 +480,6 @@ nav {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
|
||||
.pinned .feather-anchor {
|
||||
color: $base-lighten-color;
|
||||
padding: 2px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
|
||||
.date {
|
||||
font-weight: 300;
|
||||
font-size: $small-font-size;
|
||||
@@ -521,6 +512,8 @@ nav {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// TOC
|
||||
|
||||
.toc {
|
||||
@@ -556,8 +549,6 @@ nav {
|
||||
}
|
||||
}
|
||||
|
||||
// pagination
|
||||
|
||||
.pagination {
|
||||
border-top: 1px solid $divider-color;
|
||||
font-weight: 300;
|
||||
|
||||
Reference in New Issue
Block a user