为Hexo使用Material主题

Posted pinkchampagne

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了为Hexo使用Material主题相关的知识,希望对你有一定的参考价值。

技术图片

我的Material主题Hexo博客实例

开始入门

下载主题

方式一:直接下载源代码

下载后放在theme文件夹里。

Download latest release version

方式二:使用Git下载

你可以自己决定想要使用的分支;仅限开发者使用。

cd themes
git clone https://github.com/viosey/hexo-theme-material.git material
cd material
git checkout {branch/tags name}

使用站内搜索插件

安装 hexo-generator-search 插件。

修改theme/material 目录 _config.yml 中的 search值

search:
    use: local
    swiftype_key: 

然后在主目录_config.yml文件中添加

search:
    path: search.xml
    field: all

修改配置文件

修改theme/material/layout/_widget/dnsprefetch.ejs文件,否则会报错,修改内容如下:

<% } else if(theme.comment.use.startsWith("disqus")) { %>

// 修改为

<% } else if(theme.comment.use && theme.comment.use.startsWith("disqus")) { %>

参考资料

  1. bolnh/hexo-theme-material: Material Design theme for hexo.

  2. Hexo + Material + Github 搭建博客与配置

  3. hexo s 依旧报错。 · Issue #686 · bolnh/hexo-theme-material

以上是关于为Hexo使用Material主题的主要内容,如果未能解决你的问题,请参考以下文章

使用 Hexo,Material Theme 以及 Github Pages 搭建个人博客

《Hexo: 从零开始编写自己的主题》2. 入门Hexo主题编写

《Hexo: 从零开始编写自己的主题》6. 添加自己的脚本处理数学公式

《Hexo: 从零开始编写自己的主题》6. 添加自己的脚本处理数学公式

Hexo next主题安装algolia

《Hexo: 从零开始编写自己的主题》4. fancybox优化图片展示效果代码高亮以及数学公式