A concise Hexo theme that can be used for Github Pages personal blog.
See Demo
- Github style markdown
- Local search
- Tags support
- Categories support
- Responsive layout
- About personal page
- Pagination
$ git clone https://github.com/thomasyu929/hexo-theme-peomas.gitSet the theme to hexo-theme-peomas in the _config.yml which in the root path.
## Themes: https://hexo.io/themes/
theme: hexo-theme-peomasAbout page needs to be created by manually.
$ hexo new page aboutThen, open /source/about/index.md which in your blog directory. Add layout property.
---
title: about
layout: about
---
Add content for this markdown, this content will show on about page.Category page needs to be created by manually.
$ hexo new page categoryThen, open /source/category/index.md which in your blog directory. Add layout property.
---
title: about
layout: category
---Tag page needs to be created by manually.
$ hexo new page tagThen, open /source/tag/index.md which in your blog directory. Add layout property.
---
title: about
layout: tag
---Favicon can replace in the theme’s _config.yml
favicon: /img/favicon.pngAlso have to replace the file in the theme/source/img.
Logo Mark which in the left of the navigation can be customized.
# Logo Mark
mark: Peomas
logo_mark: nullDefault only show mark, just text mark. Can add path for logo_mark , that way will show the logo pic.
Scroll button can be disabled by set to false in _config.yml
# Scroll button
scroll_top_btn:
enable: trueNProgress can be disabled or change bar color in _config.yml
# NProgress
nprogress:
enable: true
color: "#131313"The menu is configured in the theme’s _config.yml.
# Navigation menu
menu:
Home: /
Archives: /archives
Category: /categories
Tag: /tags
About: /aboutThe index page related settings are configured in the theme’s _config.yml.
# Index Page config
index:
enable_sticky: true
post_url_target: _self
enable_category: true
enable_tag: trueTable of contents was generated based on Tocbot. It can be disabled in _config.yml
# Post Page config
toc:
enable: trueThe about page related settings are configured in the theme’s _config.yml.
about:
avatar:
enable: true
link: /img/avatar.png
title: Thomas Yu
subTitle: Front-End Developer - Labcorp
icon:
- { class: "fab fa-github", url: "https://github.com/thomasyu929", info: "Thomas Yu's Github" }
- { class: "fas fa-envelope", url: "mailto:yby4301955@gmail.com", info: "Mail to me" }
- { class: "fab fa-linkedin", url: "https://linkedin.com", info: "LinkedIn" }
- { class: "fas fa-rss", url: "/atom.xml", info: "Subscribe Thomas's blog"}The tag page was generated by tagcloud automatically. tagcloud related settings are configured in the theme’s _config.yml.
# Tag Page config
tagcloud:
min_font: 15
max_font: 30
unit: px
start_color: "#337ab7"
end_color: "#0d6efd"
Leave a Reply