Giter VIP home page Giter VIP logo

jekyll-theme-hydrogen's Introduction

Hydrogen

轻盈、干净

跟随她的脚步,开始你的博客之旅

Demo

厌倦了无止境的加载以及繁杂的页面内容?那您很幸运,因为您发现了Hydrogen
我们避免繁杂 使用轻量化的模块来渲染在您屏幕上展示出来的一切
当您使用过后就知道,她带给你的不仅仅只有简洁极速的阅读体验...

语言:简体中文 | English

hydrogen

点点Star来一个好吗!秋梨膏!!

#快速开始

hydrogen

#准备

打开主题根目录下的_config.yml

根据需求修改以下选项:

title : 更改你的博客名字

description : 更改你的博客描述

keywords : 博客关键词(SEO相关)

baseurl : 博客所在的目录文件夹,开头需带上/,如果为根目录请留空(建议将博客放置在根目录,填写错误可能会导致样式丢失!)

url : 你的域名,如atlinker.cn无需加http/https://

bulidtime : 博客建立时的时间戳,填写后将自动计算博客建立时间并显示在页脚. 日期转时间戳

paginate : 主页中显示的最大文章数,超过设定的数值文章自动归入下一页

background : 博客首页主题图片路径

theme_color : 博客顶部栏颜色,填颜色代码但不要带上#号

MathJax : 是否开启MathJax(布尔值)

author : 作者名

开发者选项

PJAX : PJAX无刷新加载(布尔值)

#设置域名

修改根目录下的CNAME文件为你的域名即可

关于主题的基本设置已经完毕~


#友链添加

打开_data目录下的friends.yml文件,根据文件中模板新添代码即可


#文章置顶

在文章Front Matter添加stickie: true即可

如:

 ---
 layout: post
 title: Hi
 stickie: true
 ---

#评论

#前提

必须确定已阅读Valine文档

配置文件:

_data/social.yml : 填写app id和key以及评论的相关信息

_includes/comments.html : 评论设置

确保配置无误后修改_data/social.yml中的enable值由false改为true即可

因Valine的兼容性可能会与Pjax功能冲突!如开启评论,建议关闭Pjax功能

#写在最后

请花10分钟时间认真阅读文档,如还有疑难之处,请提issues,我会尽力帮忙

如使用过程有任何疑难Bug,也请提出issues! 👍

最后,如果喜欢~请给项目点个star:wink:(点star的dalao都超级靓的)

hydrogen

jekyll-theme-hydrogen's People

Contributors

link9596 avatar papadave66 avatar resynth1943 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

Watchers

 avatar  avatar  avatar

jekyll-theme-hydrogen's Issues

求问一下怎么用...

我试着通过

gem build Hy...gemspec

gem install ./Ma....

然后

jekyll serve

但是出来的页面很奇怪,求指教....

image

Can't set a new favicon :(

Hi!,
I have a problem changing the "favicon", when I replaced the file with a new one, the "h2" icon still appeared. Already tried deleting the cache, and opening the page in another browser.
Ayuda!

Thanks! ❤️

好像有一些问题呢

私はお試しください使用すHydrogenとして私のJekyllブログ、でもいまはこのように.....
解決方法は?私はこのテーマが本当に好きです。
Screenshot_2019-09-13-20-59-50

关于首页的文章简述问题

又来打搅您了真的不好意思(是我基本功太菜了QwQ)
是这样的:我在博客上分别传了两篇文章,但是首页中文章简述完全不同。一篇就很简短,把<blockquote>输出就结束了,但是另一篇几乎把文章正文的所有东西都放上去了……这个应该在哪里修改啊,因为网上似乎只有一个人和我这个问题相似,而且目前好像还没解决……

代码块的复制功能申请实装

你好,我正在使用你的博客引擎,她非常不错。但是在某些情况下,还是有一些问题。隶属于代码块的结构,目前仍然没有一键复制。希望你能在空暇时间看看实装方案。谢谢。

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.