• This repository has been archived on 18/Apr/2019
  • Stars
    star
    406
  • Rank 106,421 (Top 3 %)
  • Language
    JavaScript
  • Created almost 11 years ago
  • Updated almost 5 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

This repo is no longer maintained.

3-Jekyll Theme

新版 3-Jekyll,当前完成度 80%,预览请访问 http://peiwen.luGithub repo

旧版请在 https://github.com/P233/3-Jekyll/releases 下载。

针对旧版的改进

  • 侧边栏使用 Tag 或 Category 做为文章分类,默认 Tag。
  • 自动生成侧边栏分类标签,基本不需要修改模板文件。但标签顺序由 Jekyll 根据时间顺序生成,需要手动调整顺序只能修改 _includes/sidebar.html,格式是 <li class="sidebar-tag" data-filter="TAG">TAG</li>,替换 TAG,大小写敏感。
  • 更加全面的 Sass 变量,方便个性化主题样式。
  • 暂定取消文章的标题目录。
  • 取消了嵌入 Codepen。

TODO

  • 搜索功能
  • Webkit 换页动画
  • 改进文章筛选动画
  • 集成 Google Analytics
  • 文章时间,Category,Tag 归档页面
  • Favicon
  • Mobile touch swipe

其他建议欢迎提交 issue

使用

设置 _config.yml

_config.yml 除基本的站点设置外,新加入了社交链接与评论设置。将需要添加的社交帐号填入对应设置,并取消注释,会在头像下方增加一条社交帐号的链接。支持 Twitter, Weibo, Github, Codepen 以及 Dribbble。此外,填入 Disqus 的 shortname 也会启用 Disqus 评论。 filter 选项选择使用 tagcategory 作为文章分类。

修改样式

样式相关的 Sass 变量都存储在 /css/main.sass 文件中,修改这个文件可以满足大部分样式定制的需求。建议首先修改 $gradient-start$gradient-end 两个变量,给自己的博客使用独一无二的侧边栏背景。

替换图片

请不要忘记替换 /assets/img/ 内的图片。avatar.jpg 是侧边栏头像的图片,qrcode.jpg 会在提示浏览器不兼容时使用。QR Code 生成器

More Repositories

1

Syntax-highlighting-for-Sass

A Sublime Text 3 package for highlighting both Sass and SCSS syntax.
CSS
288
star
2

3-Ghost

This repo is no longer maintained.
CSS
104
star
3

Rebar

Rebar makes responsive development more efficient and keeps CSS organised.
CSS
86
star
4

Emmet-Css-Snippets-for-Sublime-Text-2

Emmet CSS completions for Sublime Text
81
star
5

Syntax-highlighting-for-Swift

This repo is no longer maintained.
43
star
6

Jade-Snippets-for-Sublime-Text-2

Jade Snippets for Sublime Text 2
30
star
7

Syntax-highlighting-for-JavaScript

An alternative JavaScript syntax highlighting package for Sublime Text
29
star
8

Jekyll-Alfred-Extensions

Three Alfred 2 workflows for Jekyll: Create new Jekyll post, Generate Jekyll site, and Push Jekyll to Github
17
star
9

nextjs-with-scss

Next.js works with external SCSS files
JavaScript
15
star
10

gatsby-netlify-i18n-workaround

A multilingual workaround for Netlify CMS with Gatsby.
JavaScript
12
star
11

emmet2-mode

An Emmet-enhanced minor mode for Emacs.
TypeScript
11
star
12

re-frame-template

Clojure
8
star
13

V2EX_Mate

JavaScript
7
star
14

Atom-Syntax-highlighting-for-Sass

This repo is no longer maintained.
CoffeeScript
6
star
15

Blank-Color-Scheme

Blank Color Scheme is a framework for easily and rapidly creating a new color scheme for Textmate / Sublime Text 2.
4
star
16

emacs.d

My Personal Emacs Configuration
Emacs Lisp
4
star
17

nextjs-template

JavaScript
3
star
18

postcss-sorting.el

Emacs plugin to sort CSS rules content with specified order. Powered by the npm postcss-sorting package.
Emacs Lisp
3
star
19

lambda-sass

Implement functional programming in Sass.
SCSS
3
star
20

stylelint-config-scss

An opinionated stylelint configurations set.
JavaScript
1
star
21

Stylus-Snippets

1
star