Giter VIP home page Giter VIP logo

3-jekyll's Introduction

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 生成器

3-jekyll's People

Contributors

hans-lizihan avatar p233 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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

3-jekyll's Issues

MathJax兼容问题

我在scripts里面加了mathjax,代码为:

<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>

不知道为什么 网页不能自动加载这个脚本。非要刷新网页才行。这样体验很不好。。

标签分类设置问题

你好,我很喜欢你的博客模板,但是现在有个问题咨询一下,按照说明设置好tag分类目录后,网站上可以点击,但是请问文章里面的标签怎么填写,我用的.md格式发布文章,添加标签后在网站的分类下面没有相应的文章。试用了tags: XXX和tags: [XXX]的样式都没有成功,求赐教。谢谢。

功能添加建议

(1)侧滑文章罗列目录处建议添加分页功能,因为文章多了的话,用滚动条很不方便
(2)建议针对单篇博客内容添加文章内容目录功能,当文章很长时,方便读者快速跳转到需要的内容处进行阅读

关于filter in sidebar的问题

当我把filter设置为category时,然后我把你本身的那一篇例文,放在_post里面,显示会出现问题。

就是下面这篇。

layout: post
title: "Welcome to Jekyll!"
date: 2015-03-08 22:21:49
categories: Jekyll Update
tags: Jekyll Update


但是如果我在_post里把这篇文章删掉,则显示正常(此时filter是caegory)。

中文TAG

你好是否能使用中文TAG呢

Social account不能注释

Social account

twitter: username

weibo: ID

github: username

codepen: username

dribbble: username

要改为:
twitter:
weibo:
github:
codepen:
dribbble:
否则提交到github运行会报错

站内搜索

非常感谢你提供的模板,想问一下站内搜索搞定了吗?

如何加Tag

您好,我用了您的模板,请问如何给文章加Tag呢?

表格颜色交替显示

博主您好。。。非常喜欢你的模板。。。咨询一下。。。table的颜色交替显示。。在哪里设置。。弄了好几天。。都没成功

可以授权移植到hexo吗

特别喜欢您的这款主题,笔者有特别喜欢hexo
所以参考您的主题,笔者准备开发hexo的主题3-hexo
希望可以授权。

jekyll-sitemap 问题

clone 项目到本地 执行bundle install 后 预览博客出现jekyll-sitemap 依赖问题
Dependency Error: Yikes! It looks like you don't have jekyll-sitemap or one of its dependencies installed. In order to use Jekyll as currently configured, you'll need to install this gem. The full error message from Ruby is: 'cannot load such file -- jekyll-sitemap' If you run into trouble, you can find helpful resources at http://jekyllrb.com/help/!
请问这个是什么问题

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.