3_对matery进行修改

4_对matery主题进行修改

1.下载Matery主题

下载地址

将下载下来的压缩包解压缩。

将解压缩文件复制themes文件夹下。

2.修改主题

阅读作者的README_CN.md文件可以得到怎么修改方法。

以下为本人阅读后对主题的修改。

1. 打开一级菜单

2. 注释二级菜单。

3. 对首页显示的语句进行修改。

4. 打开主页的音乐。

5. 主页显示视频

• enable: true 在主页显示视频

• shwotitle: 显示title

• title:标题

• url:链接

• iframeURL:例如将删除即可

  

• height:调整视频高度

6. 更改网站favicon和网站logo

• favicon是对网站标签页上的图片进行修改。
• icon对网站logo进行修改。免费制作logo网址

7. 对网站主页第二个按钮进行修改

8. 对网站主页第二行信息进行修改

9. 对文章最后的打赏页面进行修改

10. 对关于页面进行修改

11.增加评论功能

1. 使用valine作为评论：

• 注册leancloud

  进入 leancloud官网点击免费试用进行注册。

• 注册完成后点击左上角的蓝色框内leancloud，点击创建应用。

  

• 输入应用名称，选择开发版,进行创建。

  

• 创建成功后，点击设置小齿轮，进入应用凭证

  

• 复制好AppID和AppKey将其复制到themes主题下的_config.yml对应位置。

12. 修改forkme的仓库为自己的

13. 修改页面背景图片和文章图片

1. 在主题下的souce/medias/banner为主页背景图片

2. 在主题下的souce/medias/featureimages为文章背景图片

   

14. 删除主页的颜色变化效果

• 将source/css/matery.css中的@-webkit-keyframes rainbow和@keyframes rainbow给注释掉

15 添加樱花特效

• 在博客根目录的source/js/下新建一个js文件为sakura.js将sakura.js内代码复制至js文件

• 在主题目录下的layout/layout.ejs文件内添加下面面代码:

• <script type="text/javascript">
  var windowWidth = $(window).width();
  if (windowWidth > 768){
      document.write('<script type="text/javascript" src="/js/sakura.js"><\/script>')
  }
  </script>
  

• 

16 添加live2d看板娘

​ 可以查看Hexo博客添加helper-live2d动态模型

​ 在下载完模型后在博客根目录下新建一个live2d_models文件夹,在文件夹中使用搜索，搜索你下载的模型名称，找到后将如图所示文件复制至新建的文件夹。

需要注意的是haru_model有俩个模型，需要将箭头所指文件进行复制至你需要的模型的文件夹中(01或02)，再将其中的文件复制到新建的文件夹。

再完成对_config.yml配置后，对model下的use进行修改为你的模型名。

17 更改标题和副标题及作者其他

如图所示: