建站笔记（修改配置文件）

Koistone Team2024-10-062024-10-11

笔记

安知鱼主题文件修改记录。

介绍

虽然Anzhiyu安知鱼主题已经为我们内置了很多功能，但是有一些配置还是需要进行调整来实现我们的需求。

在第一次安装主题的时候，主题文档曾提示过将主题内的_config.yml文件单独复制和重命名为_config.anzhiyu.yml，
并把它放到博客网站的根目录下，以防止主题更新覆盖已修改过的配置导致网站崩溃。

同理，有一些配置在我们修改过之后也需要记录下来，以方便我们后续备份和恢复。

修复网页无法显示长图片的问题

网站默认的article-container是有宽高度限制的，长图片在默认情况下是显示不全的，所以我们需要针对性的修改相应的配置文件：

Step1 修改文章里的图片设置

首先我们需要在文章中修改图片的配置，将文章里的图片的宽度改成图片本身的。

比如说，我的momotalk图片是550px的，那么，我们需要在example.md里把你的图片宽度也改成550px

1 2	<img src="https://bu.dusays.com/2024/10/06/67024c1341849.jpg" width="550px" height="100%"> <!--src="xxx",xxx里写你的图片地址 width="你的图片宽度"，height不变-->

什么？你说你不知道怎么看图片信息？右键图片->属性->详细信息->找到宽度

（其实你把鼠标放上去也会显示（逃））

Step2 修改主题配置文件

这一步要小心一点，不要去删改无关的代码。

找到root/themes/anzhiyu/source/css/_page/flink.styl下的#article-container img选项。

#article-container img
  margin-bottom: 0.5rem;
  object-fit: cover;
  max-height: 100%;

把max-height:修改成100%，保存，hexo cl & hexo g & hexo s 大功告成。

修改首页和文章下方的微信公众号信息（可选）

这是个可选项，首先你需要在_config.anzhiyu.yml中启用微信卡片才行。

Step1 启用并修改相关信息

ctrl+F，搜索weixin并找到相关配置：

card_weixin:
  enable: true
  face: https://bu.dusays.com/2024/10/06/67023fe6c6622.png
  backFace: https://bu.dusays.com/2024/10/06/6702427cb932c.png

enable: true启用。

face：你点击之前显示的图片（比如说公众号xxx）

backFace：点击之后翻过来的图片（比如说扫一扫二维码）

根据需要修改。

Step2 修改卡片颜色（可选）

如果你不喜欢默认的绿色，想改成别的颜色可以按照这个方法修改：

找到root\themes\anzhiyu\source\css\_extra\aside_weixin\aside_weixin.css（或者你ctrl+shift+f全局搜索#aside-content .card-widget#card-wechat）

找到：#aside-content .card-widget#card-wechat

#aside-content .card-widget#card-wechat {
  background: #6495ED;
  display: flex;
  justify-content: center;
  align-content: center;
  padding: 0;
  cursor: pointer;
  border: none;
  height: 110px;
}