Shoka | Hexo开源博客主题

Hexo开源博客主题

手机查看

相关介绍

设计缘由

前几年在 Bear 和 Evernote 上整理了大量笔记,非常喜欢 Bear 默认的 markdown 渲染样式。

后来因为换了安卓手机,用不了 Bear,四处搜寻替代品,没有满意的。 然后阴差阳错知道了 Hexo,又得知 Github 也可以免费建私有仓库了,故再次转移阵地到了自建博客,并部署在 Github Pages。

因为这个博客是用来记笔记的,故起名 书架 。

对应的主题即 Theme.Shoka ,可以说是为了笔记阅读而生的主题。 样式严重参考 Bear,部分代码严重参考 NexT。

Hexo 的默认及常用渲染器均使用 highlight.js 进行代码高亮,而我喜欢 Prism.js ,故重写了一个渲染器配合主题食用。

渲染器取名 multi ,因为集成了很多很多很多 markdown-it 插件,以及压缩静态文件的功能。 (最新版的默认渲染器也支持 Prism.js 了,可喜可贺,但不想用,哈哈哈哈哈哈哈 墙内 Github Pages 访问速度时而感人,所以用了 jsDelivr 加速,主要是因为它可以按需合并依赖文件。

快速安装

cd your-blog git clone https://github.com/amehime/hexo-theme-shoka.git ./themes/shoka

打开主题目录,内有 example 文件夹,提供了配置文件的 demo 供参考。

安装依赖插件

在应用主题之前,必须至少安装 hexo-renderer-multi-markdown-it 渲染插件 和 hexo-autoprefixer。 插件安装与配置教程戳此

应用主题

修改站点配置

修改站点配置文件 /_config.yml ,把主题改为 shoka

theme: shoka

修改主题配置

主题配置的所有参数在 /themes/shoka/_config.yml 文件中。 为了方便主题升级,请在根目录新建一个 yml 文件,命名为 _config.shoka.yml 。 也就是说,所有主题的自定义配置均保存于 /_config.shoka.yml 文件。

相关标签

网址预览

打不开?

建议用手机浏览器打开。微信/QQ可能屏蔽了该网站,首先保证网址是从浏览器/手机浏览器打开的,因为微信/QQ会屏蔽一些站。

建议使用不会屏蔽网址的浏览器。如果浏览器提示该网站违规,并非真的违规。而是浏览器厂商屏蔽了这个站。推荐原生态不会屏蔽网站的浏览器,苹果可以用自带的浏览器,Alook浏览器X浏览器VIA浏览器微软Edge等。

通常打不开都是因为网络问题。好的网站会针对三大运营商(电信、移动、联通)进行优化,所以小网站会遇到一些网络打不开。一劳永逸的话,我们推荐使用加速器(将自己的网络切换成更稳定的运营商,比如电信)。部分网站需要科学上网,比如google等(这边不推荐,除非你真的用于学习资料的查询。)

以上三点均能解决99.99%网站打不开的问题了。如有疑问,可在线留言,着急的话也可以通过QQ在线联系我们。

相关导航

暂无评论

暂无评论...