lh1me / Hexo Theme Aomori
Programming Languages
Labels
Projects that are alternatives of or similar to Hexo Theme Aomori
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
- ...
Demo
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
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
- First create the page,
hexo new page xxx
- Go to
source/xxx/index.md
,Set upFront-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 upFront-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"
}
...
]
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
Copyright (c) 2020 LIN HONG - Released under the MIT license.
Thanks
OMNCLOUD.COM Provides an excellent VPS service.