Mno is a reactive double-columned Ghosts theme derived from Dale Anthony's Uno, Onevcat's Vno , and Litten's Yillia hexo theme, hoping to be concise, easy to configure and efficient.
You can refer to my own blog
And my gf's blog
Mno follows a responsive design, so it should perform well on a variety of devices (PC, Mobile). Many events are driven by animation, thanks to the help of Animate.css.
Desktop Version
Mobile Version
Use highlight.js plugin, and use tomorrow-night as the theme's code highlighting engine. You can present your code in a clean and beautiful form on your technical blog. At the same time, it integrates MathJax on demand to help you present mathematical formulas easily.
Built-in supported types:
Bash C C# C++ CSS Diff Go HTML, XML JSON Java JavaScript Kotlin Less Lua Makefile Markdown Objective-C PHP PHP Template Perl Plain text Python Python REPL R Ruby Rust SCSS SQL Shell Session Swift TOML, also INI TypeScript Visual Basic .NET YAML CMake Dockerfile Gradle Groovy Matlab
All configuration can be done directly through Ghost's Background Custom Configuration, almost no need to modify the code directly.
The blog homepage adopts a simplified background cover and multiple optional social links, and currently supports the integration of Github, Douban, QQ, Bilibili, Netease, Steam, Twitter, Facebook ,Ethereum , Reddit , Rss, Email and other icons. Thanks to iconfont vector library.
Here we draw on Ghost's official Casper theme, and integrates the function of infinite drop-down on the first screen.
In order to facilitate and quickly retrieve all article titles, the archives page is supported, and a word frequency-based tag cloud is integrated using jqcloud.
Archives page
Tags page
You can enable comments in theme config.
You should already have a working ghost blog (version > 4.0.0 ). If you are not ready, please refer to the official installation page to configure a ghost blog of your own.
Once you're ready, just clone this repo into your blog's theme folder: content/themes/, restart ghost, and you should see Mno in your blog's settings panel.
Since the home page of this theme is designed as a cover, you need to configure additional routing configuration route.yaml , the suggested configuration is as follows:
routes:
/:
template: home
collections:
/posts/:
permalink: /post/{id}/
template: index
taxonomies:
tag: /tag/{slug}/
author: /author/{slug}/
Among them, 'template: home' and 'template: index' point to the template file of the current theme, you'd better not to change it.
MathJax is integrated in the theme, you only need to add a "MathJax" tag when publishing an article to make the article support LaTeX syntax.
- Manually add a page and set the Page Url to archives to see the archive page under the /archives page.
- Manually add a page and set the Page Url to tags, then you can see the archive page under the /tags page.
In order to easily modify and develop the theme, you need to install the sass compiler. If you have a local ghost environment, these should already be installed, as these components are required for ghost to run.
You can do some checks in the terminal to see if the installation is complete. If there are no problems, you should be able to see the version number of the corresponding tool after the command line.
Vnos are built on top of SASS, but you can ignore this redevelopment process if you no longer wish to maintain extensibility. But if you know some HTML and CSS, making changes to existing themes is easy.
If SASS is not installed correctly, please refer to Sass installation page to install it.
Use the sass command-line tool to watch the scss files in the folder for changes and recompile them automatically.
pwd
> In the mno theme root folder: {blog_path}/content/themes/mno
sass --watch assets/scss/mno.scss:assets/mno.css
>>>> Sass is watching for changes. Press Ctrl-C to stop.Now, any changes to the scss file will automatically be reflected in the final mno.css file.
Have fun and remember to give me feedback too. If you find any bugs, please point them out, and a pull request to fix it would be greatly appreciated!
If you think this theme is not bad, please add a star or follow me to show your support, it will provide invaluable help to me and the development of my project. Thanks again.
Mno is licensed under Creative Commons Attribution 4.0 International as required by Uno. Click the link above for more information.