Giter VIP home page Giter VIP logo

blog-based-on-jekyll-3-temp's Introduction

关于这个博客主题

随着 jekyll 的版本升级,同时我也想重构我的旧版博客主题,因此在这个月对博客进行了重构加改版,这个仓库存放我的新博客,并且我也会一直使用这个主题。目前基本改版完成,后续可能还会有些细节上的修补。

博客访问地址:http://gaohaoyang.github.io/。若您喜欢这个新的博客主题,请给我个star以示鼓励吧,欢迎使用。

预览图

先上预览图:

主页 index

文章页 post

各部分详情

主页 Home

主页默认展示5篇文章的摘要部分,用户点击标题或阅读全文后进入文章页。右侧为近期文章、分类和标签3块区域,用户可以继续在这部分添加区域,只需修改index.html即可。

归档 Archives

按照年份归档文章。

分类 Categories

按照文章的分类,显示文章。

标签 Tags

按照文章的标签显示文章。

收藏 Collections

本页是用markdown写的,用户可以收藏自己喜欢的文章链接。

展示 Demo

使用 Masonry 重写了瀑布流布局,响应式布局,更好的交互体验。

关于 About

对个人和对本站的介绍,使用markdown写的。

评论

支持 多说评论disqus 评论。

只需要在 _config.yml 修改相应的配置short_name即可,如下:

# comments
# two ways to comment, only choose one, and use your own short name
# 两种评论插件,选一个就好了,使用自己的 short_name
duoshuo_shortname: #xxx
disqus_shortname: xxx

目录 Contents

页面滚动时目录固定在屏幕右侧,若目录高度超出屏幕高度,目录产生滚动条。

代码高亮

随着 jekyll 的升级,目前代码高亮使用风格与 github 上的 markdown 写法一致。

灯泡效果

light

可以看到导航按钮高亮时,下面的阴影效果,我把这个称谓灯泡效果。

移动端适配

完美适配移动端。

mobile

Footer

欢迎使用这个主题,使用时请保留 footer 上的模板主题来源。Theme designed by HyG. footer

关于旧版博客,我不在维护,同时我把代码转移到了另一个仓库,见 Gaohaoyang/old-blog

License

MIT License

blog-based-on-jekyll-3-temp's People

Contributors

gaohaoyang avatar

Stargazers

 avatar  avatar

Watchers

 avatar  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.