Github Repo: https://github.com/V-Vincen/hexo-theme-livemylife
Gitee Repo: https://gitee.com/V_Vincen/hexo-theme-livemylife
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!
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.
hexo init blog
More Commands -> Hexo Commands
Modify the value of
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.
JsDelivr is A free CDN for Open Source fast、reliable and automated. If Github Pages deploy，you can config CDN settings. The images of the Hexo-theme-livemylife has added JsDelivr CDN Setting. How to use Jsdelivr? -> Docs：免费 CDN 提速 Github 静态资源访问
# CDN Setting
Put customized pictures in img directory.
# 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
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
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
top: 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
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
Hexo-Theme-LiveMyLife temporarily supports two themes color.
Light theme preview：
Dark theme preview：
# 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
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 !