Aomori

Hexo is a fast, simple, powerful blog framework, with ultra-fast generation speed, support for Markdown, one-click deployment and high scalability.

Aomori is a theme developed based on a series of advantages of Hexo. The idea of the theme is to hope that bloggers can focus more on producing content and readers can focus more on receiving information.

Aomori provides many features that support its concept.

Rich Website Style
Rich Theme Configuration
Optimize multimedia playback
Excellent SEO optimization
Responsive layout
Open source and continuously updated
...

中文文档 | CHANGELOG

Demo

https://linhong.me

Install

Download, unzip and place it under the Hexo theme directory

Using

Basic configuration in the Global _config.yml

Enable Theme

theme: hexo-theme-aomori

Turn off Hexo default Highlight

highlight:
  enable: false

Theme Features

Configuration in the Global _config.yml

Avatar

aomori_logo: /images/avatar.jpg

Site Title Animated

aomori_logo_typed_animated: true

Sidebar Menu

aomori_widgets:
  - toc # Article navigation
  - category  # Article classification
  - tag # Article tags
  - recent_posts  # latest articles
  - archive # Article Archive

Creative Commons License

aomori_copyright: true # or false

Social Media

icon Boxicons Icon Name

url Link address

aomori_social:
  -
    icon: # Boxicons name
    type: # Boxicons type
    url: # Your social link
  -
    icon:
    type:
    url:

Baidu Submission

aomori_baidu_sitepush: true  # or false

Baidu Analytics

aomori_baidu_analytics: ''

Google Analytics

aomori_google_analytics: 'UA-XXXXX-X'

Google Site Verification

aomori_google_site:
  enable: true
  id: XXX

Busuanzi Count

Counting service provided by Busuanzi

aomori_busuanzi: true

Emoji Favicon

aomori_favicon: 🎮

Page Features

Configuration in the page's Front-matter

Hidden Sidebar

sidebar: false

Article Features

Configuration in the Front-matter

Cover Image

Use Relative Path, refer to resource folder Resource Folder

cover: xxx.jpg

Cover Video

Use Full Link recommend CDN

Each article can only have one cover video, and only one of the cover image and the cover video can exist at the same time.

video:
  src: src # Full Video Link
  poster: poster # Full Poster Link

Article Header Image

Use Relative Path, refer to resource folder Resource Folder

photos:
- xxx.jpg
- xxx.jpg

Reprint Link

link_reprint:
  -
    url: url
    title: title
  -
    url: url
    title: title

This configuration will show the badge on the homepage.

Reference Link

link_refer:
  -
    url: url
    title: title
  -
    url: url
    title: title

Top

Install dependencies in the Hexo directory

npm i hexo-generator-index -S

Add options in the article Front-matter

sticky: 100

More ways to use hexo-generator-index

This configuration will show the badge on the homepage.

Video

We have optimized the video in the content of the article, you only need to directly use the HTML Video Tag like <video src="xxx"/> when writing the article.

Article Style

Configuration in the Front-matter

layout: tweet

Comment

Configuration in the Global _config.yml

Disqus

Input Disqus ID

aomori_disqus_shortname: ''

DisqusJS

Using DisqusJS with Disqus API to visit in China will be more friendly.

Configuration details https://github.com/SukkaW/DisqusJS

aomori_disqusjs:
  enable: true
  shortname: ""
  siteName: ""
  api: ""
  apikey: ""
  nesting: 4
  nocomment: "这里冷冷清清的，一条评论都没有"
  admin: ""
  adminLabel: ""

Gitalk

Configuration details https://github.com/gitalk/gitalk

aomori_gitalk:
  enable: true
  clientID: GitHub Application Client ID
  clientSecret: GitHub Application Client Secret
  repo: GitHub repo
  owner: GitHub repo owner
  admin: 
    - GitHub repo owner and collaborators
    - GitHub repo owner and collaborators
  distractionFreeMode: true // Facebook-like distraction free mode

Valine

Configuration details https://valine.js.org/

aomori_valine:
  enable: true
  appId: ''
  appKey: ''

Remark42

Configuration details https://github.com/umputun/remark42

aomori_remark42:
  enable: true
  host: ''
  site_id: ''
  max_shown_comments: 10
  theme: "light"
  locale: "en"
  show_email_subscription: false

Giscus

Configuration details https://giscus.app

aomori_giscus:
  repo: ''
  repoId: ''
  category: ''
  categoryId: 10
  mapping: "pathname"
  reactionsEnabled: 1
  emitMetadata: 0
  theme: 'light'
  lang: 'zh-CN'

Page

Default Page

First create the page,

hexo new page xxx

Go to source/xxx/index.md，Set up Front-matter

title:
comment: true # or false

Setting the comment to true will open the comment plugin of the page

Friends Links Page

First create the page,

hexo new page friends

Go to source/friends/index.md，Set up Front-matter

title:
layout: friends
comment: true # or false

Create data, refer to Data Files
Create source/_data/friends.json，The format is as follows

[
  {
    "name": "test1",
    "url": "https://linhong.me"
  },
  {
    "name": "test2",
    "url": "https://linhong.me"
  }
  ...
]

Photography Page

First create the page,

hexo new page photography

Go to source/photography/index.md，Set up Front-matter

title:
layout: photography
sidebar: false

Create data, refer to Data Files
Create source/_data/photography.json，The format is as follows

[
    {
        "thumbnail": "https://thumbnail.jpg",
        "photo": "https://photo.jpg",
        "title": "This is title.",
        "icon": {
            "name": "unsplash",
            "type": "logo",
            "url": "https://linhong.me"
        },
        "place": "China"
    },
    {
        "thumbnail": "https://thumbnail.jpg",
        "photo": "https://photo.jpg",
        "title": "This is title.",
        "icon": {
            "name": "unsplash",
            "type": "logo",
            "url": "https://linhong.me"
        },
        "place": "China"
    },
    ...
]

thumbnail Thumbnail photo

photo Original Photo

icon field is base on Boxicons

place Place

Search

Algolia

First create Algolia Account. After registration is complete, create a new Index, which will be used later.
Install hexo-algolia

npm install --save hexo-algolia

Configure Algolia integration to site _config.yml:

algolia:
    applicationID: 'applicationID'
    apiKey: 'apiKey'
    indexName: '...'

Run the following command to upload Index data.

$ export HEXO_ALGOLIA_INDEXING_KEY=High-privilege API key # Use Git Bash
# set HEXO_ALGOLIA_INDEXING_KEY=High-privilege API key # Use Windows command line
$ hexo clean
$ hexo algolia

Turn on theme configuration at site _config.yml

aomori_search_algolia: true

Enjoy.

Copyright & License

Thanks

HostSencillo Provides an excellent VPS service.