Ported Theme of Hux Blog, Thank Huxpro for designing such a flawless theme.
This LiveMyLife theme created by Vincent modified from the original Porter YenYuHsuan , refer to the Themes of dusign、Utone, Thanks dusign、Utone.
Github Repo: https://github.com/V-Vincen/hexo-theme-livemylife
Gitee Repo: https://gitee.com/V_Vincen/hexo-theme-livemylife
View LiveMyLife Blog ➾
I publish the whole project for your convenience, so you can just follow the instruction down below, then you can easily customiz your own blog!
Install Node.js and Git
Windows: Download & install Node.js. -> Node.js
Windows: Download & install Git. -> Git
npm install -g hexo-cli
What is Hexo?
Hexo is a fast, simple and powerful blog framework. You write posts in Markdown (or other markup languages) and Hexo generates static files with a beautiful theme in seconds.
Setup your blog
hexo init blog
More Commands -> Hexo Commands
Modify the value of
Start the Server
hexo generate # or hexo g
Starts a local server. By default, this is at
More Commands -> Hexo Commands
_config.yml file with your own info, Especially the section:
Replace the following information with your own.
You can use internationalization to present your site in different languages. -> Docs：How to Use Internationalization（i18n）
# Internationalization (i18n) Setting
JsDelivr is A free CDN for Open Source fast、reliable and automated. How to use Jsdelivr? -> Docs：免费 CDN 提速 Github 静态资源访问
# CDN Setting
Note: The theme of Hexo-theme-livemylife has a large number of css、js and images, in order to improve access speed, the theme for all of the resource files are made JsDelivr CDN. But only for Github Pages deployment. -> Docs：How to apply JsDelivr CDN in Hexo-theme-livemylife Theme
Put customized pictures in
# Site settings
Copy your signature image to
<root>/img/signature and modify the
signature: true # show signature
How to create signature -> Free Online Signature
# Wave settings
If you don’t want to display it, you can delete it directly.
# SNS settings
Copy your avatar image to
<root>/img/avatar and modify the
sidebar: true # whether or not using Sidebar.
Hexo-Theme-LiveMyLife temporarily supports three Comments. I use gitalk comment system.
Gitalk is a modern comment component based on GitHub Issue and Preact. See Gitalk for detailed configuration method.
# Gitalk Settings
Gitment is a comment system based on GitHub Issues, which can be used in the frontend without any server-side implementation. See Gitment for detailed configuration method.
## Gitment Settings
If you want use Disqus, you must have a circumvention (proxy, clime over the firewall) technology.
# Disqus settings
How to config analytics? -> Docs：Analytics and Sitemap Settings
# Analytics settings
How to config sitemap? -> Docs：Analytics and Sitemap Settings
# Google sitemap
Go to top icon Setup
My icon is using point, you can change to your own icon at
You can decide to show post tags or not.
My markdown render engine plugin is hexo-renderer-markdown-it.
# Markdown-it config
To install Mathjax, please click How to Use Mathjax for a detailed tutorial.
And if you want to change the header anchor ‘❡’, you can go to
layout/_partial/anchorjs.ejs to change it. How to use anchorjs, see AnchorJS for detailed examples.
# Anchorjs Settings
# article top
Hexo-theme-livemylife has added the article top function, just add
sticky: number configuration to your markdown notes, articles are sorted by this number.
A Word Count Plugin for Hexo. See WordCount for detailed configuration method.
# Dependencies: https://github.com/willin/hexo-wordcount
Busuanzi is a website traffic statistics plugin. How to use Busuanzi, see Busuanzi for detailed examples.
## Dependencies: https://busuanzi.ibruce.info/
Top scroll progress
# top scroll progress
Social Share Post
Viewer is a simple jQuery image viewing plugin. Let us first look at a demo. See Viewer for detailed configuration. If you want to modify the options of Viewer, you can go to
sourcre/js/viewer/pic-viewer.js to change it.
# Viewer config
Theme Color Config
Hexo-Theme-LiveMyLife temporarily supports two themes color.
# ThemeColor config
Light theme preview:
Dark theme preview:
# Mouseclick config
bglinecanvas: true # The special effects will take up a lot of cpu resorces, please open it carefully.
# Dependencies: https://github.com/V-Vincen/hexo-generator-zip-search
Gitter is a chat and network platform that helps manage, develop and connect communities through messages, content and discovery. See Gitter for detailed configuration method.
Replace to your own repo!
Some hexo command:
hexo new post "<post name>" # you can change post to another layout if you want
Have fun ^_^
Please Star this Project if you like it! Follow would also be appreciated! Peace!
If you like this blog or find it useful for you, you are welcome to comment on it. You are also welcome to share this blog, so that more people can participate in it. If the images used in the blog infringe your copyright, please contact the author to delete them. Thank you !