Coder Social home page Coder Social 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

Watchers

 avatar  avatar

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.