Skip to content
春天区块链博客
Branch: master
Clone or download
Latest commit f4a2d3c May 22, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
_includes t May 16, 2019
_layouts t Apr 23, 2019
_posts t May 22, 2019
css new Apr 23, 2019
fonts new Apr 23, 2019
fus t May 22, 2019
img
js t Apr 24, 2019
less new Apr 23, 2019
metamask t Apr 24, 2019
portfolio t Apr 24, 2019
pwa new Apr 23, 2019
qunfaba t Apr 24, 2019
remix
ropsten t Apr 25, 2019
scatter t Apr 26, 2019
yidaibi t Apr 24, 2019
.gitignore new Apr 23, 2019
404.html new Apr 23, 2019
CNAME Update CNAME Apr 23, 2019
Gruntfile.js new Apr 23, 2019
LICENSE t Apr 24, 2019
README.md t May 16, 2019
README.zh.md new Apr 23, 2019
_config.yml t Apr 24, 2019
about.html t Apr 24, 2019
archive.html t Apr 24, 2019
feed.xml new Apr 23, 2019
index.html t Apr 24, 2019
offline.html new Apr 23, 2019
package.json new Apr 23, 2019
sw.js new Apr 23, 2019
wechat.jpeg t Apr 24, 2019

README.md

春天区块链

访问春天区块链 →

索引

春天区块链(1)10分钟教你发行区块链资产,最简单的一键发币

https://www.btc36.com/2019/04/18/deploy-first-token/

春天区块链(2)快速群发以太坊或以太坊代币给200个地址

https://www.btc36.com/2019/04/19/multiple-send-token/

春天区块链(3)以太坊钱包MetaMask详尽教学指南

https://www.btc36.com/2019/04/20/wallet-metamask-tech/

春天区块链(4)如何获得免费的ETH

https://www.btc36.com/2019/04/21/get-free-eth/

春天区块链(5)怎样优雅的部署以太坊智能合约

https://www.btc36.com/2019/04/22/easy-use-remix/

春天区块链(6)EOS柚子钱包Scatter详尽教学指南

https://www.btc36.com/2019/04/23/wallet-satter-tech/

春天区块链(7)犯我区块链者 虽远必诛

https://www.btc36.com/2019/05/09/chengyu-aliang-fus/

博客模板 (测试版)

想克隆本博客网站模板而不是想访问春天区块链?方案来了!

$ git clone git@github.com:Huxpro/huxblog-boilerplate.git

访问博客模板 →

移植

翻译

发行版本

V1.8
  • Brand new Archive page! Which is not just serving as common archive page but also Tag page where all posts are filter-able with tags! Thanks @kitian616/jekyll-TeXt-theme to bring this brilliant idea. Noted that the old Tag page and Archive page are deprecated but the new archive's totally backward compatiable.
  • Re-engineering of the blog by extracting duplicated liquid templates. This was proposed in #74 by @Kaijun but postponed for entirely 2.5 years! I wasn't able to merge his PR directly because of long-time divegence but I'd love to give him the full credit!
  • New code block! Long-wanted line number are supported out of the box now (thanks for @SmilingParadise's help on Sina Weibo) and the theme was updated to Atom One Dark (checkout FQA for how to change to your farovite theme)
  • MathJax support by @Voleking in #80, but I choose the SVG renderer. See Mathjax, kramdown and Octopress for writing and escaping details.
  • Open Graph Protocol support by @Android-KitKat in #253
  • header-img-credit and header-img-credit-href
  • nav-style: invert and header-style: text
V1.7
  • PWA / Service Worker
v1.6
  • change cdn to cdnjs for better HTTPS support
V1.5.2
  • Annoyed to delete my blog post after clone or pull? Boilerplate comes to help you get started quickly and easily merge update.
  • -apple-system is added in font rule, which display beautiful new font San Francisco in iOS 9 by default.
  • Fixed issue#15 about code wrap.
V1.5.1
V1.5
  • Comment and Analytics is configurable now! We also add Google Analytics support and drop tencents. Both documents is updated.
V1.4
V1.3.1
  • Support PingFang (苹方), the new Chinese font presented by OS X El Capitan
V1.3

V1.2
  • Brand new Keynote Layout is provided for easily posting beautiful HTML presentations you have created with this blog
V1.1
  • We now support a clean and gorgeous SideBar for displaying more info
  • Friends is also added as a common feature of blog help you do SEO
V1.0
  • Full-feature Tag support
  • Mobile first user experience optimization
  • Typographic optimization for Chinese Fonts
  • Network optimizaition for China, dropping Google webfont, using local CDN
  • Using Github Flavored Markdown
  • Using Baidu, Tencent/QQ analytics
  • Using DuoShuo as the Disqus-like third party discussion system

支持

  • Feel free to fork. I'll Appreciate it if you keep the Author & Github link at footer
  • Give it a Star if you like, fork or just clone to use ;)
  • If any problem or requirement, just open an issue here and I will help you.

文档

环境

If you have jekyll installed, simply run jekyll serve in Command Line and preview the themes in your browser. You can use jekyll serve --watch to watch for changes in the source files as well.

开始

You can easily get started by modifying _config.yml:

# Site settings
title: Hux Blog             # title of your website
SEOTitle: Hux Blog			# check out docs for more detail
description: "Cool Blog"    # ...

# SNS settings      
github_username: huxpro     # modify this account to yours
weibo_username: huxpro      # the footer woule be auto-updated.

# Build settings
# paginate: 10              # nums of posts in one page

There are more options you can check out in the Jekyll - Official Site, or you can directly dive into code to find more.

写文章

Feel free to checkout Markdown files in the _posts/, you will quickly realized how to post your articles with magical markdown plus this nice theme.

The front-matter of a post looks like that:

---
layout:     post
title:      "Hello 2015"
subtitle:   "Hello World, Hello Blog"
date:       2015-01-29 12:00:00
author:     "Hux"
header-img: "img/post-bg-2015.jpg"
tags:
    - Life
---

侧边栏

Seeing more information may be necessary for you to display, from V1.1, a clean, gorgeous SideBar is added for you, which provide more area for displaying possible modules. You can enable (it is default enable) this feature by simply config:

# Sidebar settings
sidebar: true
sidebar-about-description: "your description here"
sidebar-avatar: /img/avatar-hux.jpg     # use absolute URL.

We default support Featured Tags, Mini About Me and Friends these three modules and you can add your own. The sidebar is naturally responsive and would be push to bottom in a small screen size (<= 992px, according to Bootstarp Grid System)
More details of these three separate modules are talking below.

关于我

Mini-About-Me module display all your SNS buttons also your avatar and the description if you set sidebar-avatar and sidebar-about-description which is very useful and common for a sidebar so it is default with your sidebar.

It is really nice-looking and well-designed. It would be hidden in a small screen seeing the sidebar would be push to bottom and there is already a footer including SNS feature which is similar.

标签

Considering the Featured-Tags feature in Medium is pretty cool, so I add it in my blog theme also.
This module is independent of sidebar from V1.4, so it can definitely live without enable sidebar, which would be displayed in the bottom when sidebar set to false, and it is not only displayed in home page but also every post page bottom.

# Featured Tags
featured-tags: true  
featured-condition-size: 1     # A tag will be featured if the size of it is more than this condition value

The only one thing need to be paid attention to is the featured-condition-size: A tag will be featured if the size of it is more than this condition value.
Internally, a condition template {% if tag[1].size > {{site.featured-condition-size}} %} is used to do the filter.

友情链接

Friends is a very common feature of a blog seeing the SEO, so I add it in V1.1 release to help that.
Friends can also live without enable sidebar, also be displayed in the bottom when sidebar unable, and be displayed in every post page bottom.

You can just add your friends information in _config.yml with a familiar JSON syntax and everything is done, very easy:

# Friends
friends: [
    {
        title: "Foo Blog",
        href: "http://foo.github.io/"
    },
    {
        title: "Bar Blog",
        href: "http://bar.github.io"
    }
]

基本布局

There is a increasing tendency to use Open Web technology to create keynotes, presentations, like Reveal.js, Impress.js, Slides, Prezi etc. I consider a modern blog should have abilities to post these HTML based presentation easily also abilities to play it directly.

Under the hood, a iframe is used to include webpage from outer source, so the only things left is to give a url in the front-matter:

---
layout:     keynote
iframe:     "http://huangxuan.me/js-module-7day/"
---

The iframe will be automatically resized to adapt different form factors also the device orientation. A padding is left to imply user that there has more content below, also to ensure that there is a area for user to scroll down in mobile device seeing most of the keynote framework prevent the browser default scroll behavior.

评论

This theme support both Disqus and Duoshuo as the third party discussion system.

First, you need to sign up and get your own account. Repeat, DO NOT use mine! (I have set Trusted Domains) It is deathly simple to sign up and you will get the full power of management system. Please give it a try!

Second, from V1.5, you can easily complete your comment configuration by just adding your short name into _config.yml:

duoshuo_username: _your_duoshuo_short_name_
# OR
disqus_username: _your_disqus_short_name_

To the old version user, it's better that you pull the new version, otherwise you have to replace code in post.html, keynote.html and about.html by yourselves.

Furthermore, Duoshuo support Sharing. if you only wanna use Duoshuo comment without sharing, you can set duoshuo_share: false. You can use Duoshuo Sharing and Disqus Comments together also.

分析

From V1.5, we support Google Analytics and Baidu Tongji officially with a deathly simple config:

# Baidu Analytics
ba_track_id: 4cc1f2d8f3067386cc5cdb626a202900

# Google Analytics
ga_track_id: 'UA-49627206-1'            # Format: UA-xxxxxx-xx
ga_domain: huangxuan.me

Just checkout the code offered by Google/Baidu, and copy paste here, all the rest is already done for you.

(Google might ask for meta tag "google-site-verification")

自定义

If you wanna do more customization and change code yourself, a Grunt environment is also included. (Thanks to Clean Blog.)

There are a number of tasks it performs like minification of the JavaScript, compiling of the LESS files, adding banners to keep the Apache 2.0 license intact, and watching for changes. Run the grunt default task by entering grunt into your command line which will build the files. You can use grunt watch if you are working on the JavaScript or the LESS.

Try to understand code in _include/ and _layouts/, then you can modify Jekyll Liquid template directly to do more creative customization.

页首图片

Change header images of any pages or any posts is pretty easy as mentioned above. But, thanks to issue #6 (in Chinese) asked, how to make it looks great?

Well...it is actually a design issue, not a coding stuff. It is better that you have basic design knowledge, but not is ok, let me told you how to make it well-designed:

Seeing the title text above image is white, the image should be dark to emphasize the contract. so we can easily add a black overlay with fews of opacity, which is depends on the brightness of the original images you used. you can process it in Photoshop, Sketch etc.

In technical views, it can be done with CSS. However, the opacity of the black overlay is really hard to assigned, every image has different brightness so the degree it should be adjusted is different so it is impossible to hard code it.

SEO Title

Before V1.4, site setting title is not only used for displayed in Home Page and Navbar, but also used to generate the <title> in HTML. It's possible that you want the two things different. For me, my site-title is “Hux Blog” but I want the title shows in search engine is “黄玄的博客 | Hux Blog” which is multi-language.

So, the SEO Title is introduced to solve this problem, you can set SEOTitle different from title, and it would be only used to generate HTML <title> and setting DuoShuo Sharing.

页面生成警告

There are many possible reasons to cause a "Page Build Warning" email or similar error.

One of these is that github changes its build environment.

You are attempting to use the 'pygments' highlighter, which is currently unsupported on GitHub Pages. Your site will use 'rouge' for highlighting instead. To suppress this warning, change the 'highlighter' value to 'rouge' in your '_config.yml'.

So, just edit _config.yml, find highlighter: pygments, change it to highlighter: rouge and the warning will be gone.

For other circumstances, check out existing issues or create a new one!

帮助中心

How can I customize the theme of code block?

This theme uses the default code syntax highlighter of jekyll, "rouge, which is compatible with Pygments theme so just pick any pygments theme css (e.g. from here and replace the content of highlight.less.

cannot load such file -- jekyll-paginate

Executing this command to install this plugin:

$ gem install jekyll-paginate 

This blog started in Jekyll 2 time when jekyll-paginate is standard. With Jekyll 3, it's a plugin we included in _config.yml.

许可

Apache License 2.0. Copyright (c) 2015-2016 Huxpro

Hux Blog is derived from Clean Blog Jekyll Theme (MIT License) Copyright (c) 2013-2016 Blackrock Digital LLC.

You can’t perform that action at this time.