Minima主题自定义

摘要：本文记录了个人对Jekyll的特别是其中的Minima主题的个性化探索的相关内容。

调试

minima默认配置

使用bundle show minima找到位置，需要修改的文件复制到自己的项目文件夹相同位置即可。

本地调试

bundle exec jekyll serve。

必要的工作

Post内引用图片

![]({{"assets/img/1.png" | absolute_url}})，图片路径为assets/img或者自己设置一个图片路径。

公式块正确显示

跳转到公式块正确显示

实现`liquid`代码的正确引用

通过在post类型的markdown文件有关liquid代码引用内容的开头和结尾加入{% raw %}和endraw标记（可恶这里被识别为liquid语言了！！！，只能不加{% %}展示了）。

搜索引擎优化（SEO）

参照链接：生成SEO，在自己仓库进行操作即可。

网站流量分析

（访问者需要能访问国外网站）Google-Anayltics：先在这里注册一下，这里minima已经有对应模版google-analytics.html（可以在minima原始库中找到），只需要编辑自己的_config.yml，加入google_analytics: <你在网站上生成的衡量ID>，install一下即可。
（国内自己的免费流量分析51.la）点击这里进入，类似上面的方法注册后，根据网站给出的代码，插入到自己的</head>前即可。

站内引用

[<外显名字>]({% post_url <你需要引用的post名（不用后缀）> %})

时间格式改变

在_layouts下修改post.html和home.html的"%b %-d, %Y"为如下格式即可。

“%Y-%m-%d” -> 2024-06-08
“%d/%m/%Y” -> 08/06/2024
“%B %d, %Y” -> June 08, 2024
“%d %B %Y” -> 08 June 2024
“%b %d, %Y” -> Jun 08, 2024

个性化内容

置顶功能

置顶功能加入

页脚添加其他社交媒体账号

页脚添加Bilibili账户

修改代码块引用的外显表示

修改_base.scss中pre,code中的background-color为rgb(236, 236, 236)（这一项为代码的背景颜色，而不是整个代码块的背景颜色，与第三步修改的作区分）。
为code添加一行：font-family:'Lucida Console', Monaco, monospace;来应用另一种字体（Console）。
拷贝默认文件_syntax-highlighting.scss到_sass\minima，修改.highlighter-rouge中的background为rgb(236, 236, 236)。（这里修改的是整个代码块的背景颜色。该文件是控制代码块相关颜色和格式的文件，可以依据喜好自行修改）

最后修改时间插件

参考这里修改Gemfile等并install，添加参考代码到合适的位置，我在_includes目录下创建了update_time.html，并将其以{%- include update_time.html -%}的方式引用在了footer.html和default.html的合适位置。并对生成的内容进行了分类：

{%- if page.layout == "post" -%}
  <p style="color: gray; font-size: small;">Post last updated at <br> 
      {{ page.last_modified_at | date: "%Y-%m-%d %H:%M:%S" }}</p>
{%- else if page.layout == "home" -%}
  <p style="color: gray; font-size: small;">Site last updated at <br> 
      {{ site.time | date: "%Y-%m-%d %H:%M:%S" }}</p>
{%- endif -%}

若当前页面是post，显示最后更新时间；若当前页面是home，则显示整个网站的上传时间。

具体在github-page上实现插件的正常运行，必须创建自己的action流才行。这一部分内容写在下面的这个文章内：

创建Action流以实现githubPage上插件的正常运行

日夜间模式切换

日夜间模式切换功能

目录功能

博文目录功能

调试