info Theme for HEXO

A theme for hexo, a copy🐱 of iA.net, hopefully. INSPIRED by iA.net. Written by zhao-robert with LOVE❤️~

Why this exists?

• I love the design of iA's Website.

• And iA's Website seems simple enough for me, who had never written something like this.

• I need a theme for my personal website.

• LOVE❤️

Before You Use

Set Scaffolds

add these to post.md's front-matter

title: {{ title }}
date: {{ date }}
author: 
type: "post"
categories: 
tags: 
headpic: ""
excerpt: ""

• headpic: This gone be the Head Picture displayed at the top of the article. Landscape orientation suggested. Paste the URL of picture you want to add on it. optional.

• excerpt: This will displayed in all the lists as description. Although this can be generated, I strongly suggest you to add (at least 2) sentences to describe your article. optional.

add pages

use hexo new page <page name> to add below pages:

• categories
• posts
• tags

then add front-matter

type: "<page name>"
layout: "<page name>"

Edit _config.yml

Edit the _config.yml , turn off the built in syntax highlight

highlight:
  enable: false
  ...
prismjs:
  enable: false

THE BASIC PLAN

• Index
• Blog list / Archives
• Blog page
• Tags / Categories
• About
• more......

THE more granularity PLAN

• let header shows the current address
• find out how to add css file using relative path
• use rem to re-layout css files
• Responsive Design
• Dark mode
• Learn GSAP (The one iA's Website using) to add animation.
• syntax highlight
• auto position the image base on scale ( the solution is not elegant at all. Please just DON'T add portrait images )
• add pangu.js
• redesign
• I really need a design system
• Multi-language support
• Transition of 'a' tags
• switch to tailwindcss
• Add Google Analytics (won't add. don't give big companies your data.)
• more......

I don't know whether this project has any Infringements of intellectual property rights or not, since I WILL KEEP THIS NON-COMMERCIAL. Thanks. Make issues if come with any trouble.