Skip to content

Niu-se/hexo-theme-aomori

 
 

Repository files navigation

Release NPM version Required Node version Action License


image

Aomori

Hexo is a fast, simple, powerful blog framework, with ultra-fast generation speed, support for Markdown, one-click deployment and high scalability. This project is a theme developed based on a series of advantages of Hexo.

  • 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

  1. Enable Theme
theme: hexo-theme-aomori
  1. 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

Navigation Menu

aomori_menu:
  Home: /
  Archives: /archives

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:
    type:
    url:
  -
    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

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

Tweet

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

Page

Default Page

  1. First create the page,
hexo new page xxx
  1. 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

  1. First create the page,
hexo new page friends
  1. Go to source/friends/index.md,Set up Front-matter
title:
layout: friends
comment: true # or false
  1. Create data, refer to Data Files

  2. Create source/_data/friends.json,The format is as follows

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

Search

Algolia

  1. First create Algolia Account. After registration is complete, create a new Index, which will be used later.

  2. Install hexo-algolia

npm install --save hexo-algolia
  1. Configure Algolia integration to site _config.yml:
algolia:
    applicationID: 'applicationID'
    apiKey: 'apiKey'
    indexName: '...'
  1. 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
  1. Turn on theme configuration at site _config.yml
aomori_search_algolia: true

Enjoy.


Copyright & License

Copyright (c) 2020 LIN HONG - Released under the MIT license.

Thanks

OMNCLOUD.COM Provides an excellent VPS service.

About

A Hexo Theme. Hexo 博客主题

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 29.6%
  • EJS 27.7%
  • SCSS 27.6%
  • CSS 15.1%