Hexo+github+coding+matry搭建双路博客

前言

第一次正式搭建个人博客,想通过它来记录一些学习过程中经常遗忘的代码和一些折腾的过程。搭建博客的方式和工具都有很多种选择,我采用的是Hexo+github的方式进行搭建。选择这种方式的原因很简单,我也考虑过采用反向穿透配合nginx的方式进行搭建,无奈服务器的价钱都不便宜。得益于github不收费,并且速度还可以,所以对于我来时是个更好的选择。

魔改

本文不讲具体的每一步细节,毕竟网上这种文章太多了,只记录一些好玩的魔改。

调色篇

好玩的工具:在线颜色选择器 | RGB颜色查询对照表
主要针对themes\Matery\source\css\matery.css,themes\Matery\layout\_partial\bg-cover-content.ejsthemes\Matery\layout\_partial\post-detail-toc.ejs这三个文件的修改。

matery.css文件

  • 主页的渐变动画去除

打开matery.css文件搜索.bg-cover:after注释掉所在代码块即可。

  • 博客背景壁纸修改

matery.css中搜索body,其中url(****)括号内替换为自己想要的效果,或者喜欢纯色直接修改rgna括号内的rgb值即可。

bg-cover-content.ejs文件

  • 修改主页轮播图

1.主题配置文件_config.yml中取消掉或者固定显示轮播图。
2.bg-cover-content.ejs中搜索<% if (theme.banner.enable) { %><script>所在代码块的url(****)其中****替换为自己想要的图片链接地址即可。

post-detail-toc.ejs

  • 文章侧旁目录背景颜色

搜索代码 .toc-widget {width: 345px;padding-left: 20px;,更改background-color:属性的rgb值即可。

出现的问题

  • github出现The CNAME godweiyang.com is already taken.

解决办法:删除站点所有CNAME文件。

  • 不蒜子统计计数本地数据不正常

解决:没提交。。。。

  • 不蒜子与love2d动画冲突

首先为便于修改,把不蒜子的插件下载到本地,我的在/Hexo/themes/matery/source/libs/others,搜索b.style.display="none",把none去掉即可。

  • 文章加密

文章中设置SHA256加密的password值,并在——config.yml激活加密功能
在线加密

链接:超详细Hexo+Github博客搭建小白教程 。。


   转载规则


《Hexo+github+coding+matry搭建双路博客》 火花 采用 知识共享署名 4.0 国际许可协议 进行许可。
  目录