After… I can’t even remember how many years, my blog has been upgraded again. The theme is still Volantis
, which is simple to use but comes with many powerful features!
Update Content
- Upgraded
Volantis
to the latest stable version5.7.7
. - Updated the “About” page according to the theme upgrade method, and now it can properly display links for two friends.
- Enabled the comment plugin
utterances
, which allows users to leave messages after logging into their Github accounts! - Installed a plugin to enable internal article links.
- Installed a plugin to change Bilibili video link format (from embedded player to card).
- Installed a plugin to change Github Repo display format (card style).
- Updated the “About Me” page, using various theme tags to slightly beautify it.
- Added a pronunciation plugin similar to萌娘百科, just to have some fun and make myself happy~
New Plugins Used
1. Utterances Comments
The Volantis
theme provides 14 different comment systems. After configuring according to the documentation in _config.volantis.yml
, it can be used.
Originally, I planned to use the localized version of utterances
called beaudar
, but encountered problems that I couldn’t understand. So, I gave up.
When configuring for the first time, Github will prompt you to install the utterances
Github App to use it. I don’t know if I need to install it once as the owner or if each commenter needs to install it…
2. Bilibili Video Card
I have previously inserted some of my own videos into the blog, but the playback window is very restricted. Clicking a few times will still redirect to Bilibili. It’s better to use links instead. Using hexo-bilibili-card
makes the links look nicer and is easier to insert:
- Before:
1 | <iframe src="//player.bilibili.com/player.html?aid=91147423&cid=155618081&page=1" width="700" height="500" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe> |
- Now:
1 | {% bilicard av91147423 %} |
3. Github Repo Card
On the “About Me” page… I have very simply displayed a few of my not-so-impressive repos…. So, using the theme’s built-in tags to achieve it:
1 | {% ghcard 'SilenWang/silenwang.github.io' %} |
Additional Plugin Installation
On the “About Me” page… I have very simply displayed a few of my not-so-impressive repos…. So, I found a plugin to make them look slightly better… The plugin name is hexo-github-repo-tag
, and the usage method is:
1 | {% githubrepo 'SilenWang/silenwang.github.io' %} |
When deploying, there was a small problem… This plugin uses the API to grab necessary information from the project page to generate corresponding cards. Therefore, when running hexo g
, it needs to access Github… If the network is not good at that time, you can only try again multiple times…