Giter VIP home page Giter VIP logo

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

Qi Yang's Projects

33-js-concepts icon 33-js-concepts

:scroll: 每个 JavaScript 工程师都应懂的33个概念 @leonardomso

acadsharp icon acadsharp

C# library to read/write cad files like dxf/dwg.

awesome-javascript-cn icon awesome-javascript-cn

JavaScript 资源大全中文版,内容包括:包管理器、加载器、测试框架、运行器、QA、MVC框架和库、模板引擎等

awesome-python-login-model icon awesome-python-login-model

😮python模拟登陆一些大型网站,还有一些简单的爬虫,希望对你们有所帮助❤️,如果喜欢记得给个star哦🌟

awesome-r icon awesome-r

A curated list of awesome R packages, frameworks and software.

awesome-vpn icon awesome-vpn

A curated list of awesome free VPNs and proxies.免费的代理,科学上网,翻墙大集合

bilibili-android-client icon bilibili-android-client

An unofficial bilibili client for android http://www.jianshu.com/p/f69a55b94c05 -- 该项目已停止维护!

c-plus-plus icon c-plus-plus

Collection of various algorithms in mathematics, machine learning, computer science and physics implemented in C++ for educational purposes.

calibre icon calibre

The official source code repository for the calibre ebook manager

calibre-web icon calibre-web

:books: Web app for browsing, reading and downloading eBooks stored in a Calibre database

cgal icon cgal

The public CGAL repository, see the README below

chinese-poetry icon chinese-poetry

The most comprehensive database of Chinese poetry 🧶最全中华古诗词数据库, 唐宋两朝近一万四千古诗人, 接近5.5万首唐诗加26万宋诗. 两宋时期1564位词人,21050首词。

codeparkshare icon codeparkshare

Python初学者(零基础学习Python、Python入门)书籍、视频、资料、社区推荐

cops icon cops

Calibre OPDS (and HTML) PHP Server : web-based light alternative to Calibre content server / Calibre2OPDS to serve ebooks (epub, mobi, pdf, ...)

copytranslator icon copytranslator

Foreign language reading and translation assistant based on copy and translate.

courses icon courses

:rocket: 录制的视频课程资料

deep-learning-drizzle icon deep-learning-drizzle

Drench yourself in Deep Learning, Reinforcement Learning, Machine Learning, Computer Vision, and NLP by learning from these exciting lectures!!

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.