Gitpage博客搭建

Posted by Wh0ami-hy on October 11, 2023

1. 主题市场

Jekyll Themes

2. 本地调试

安装Ruby

打开CMD,执行命令安装Jekyll

gem install jekyll

设置镜像源

bundle config mirror.https://rubygems.org https://mirrors.tuna.tsinghua.edu.cn/rubygems

进入仓库文件夹,执行命令

bundle install

启动Jekyll服务

bundle exec jekyll serve

参考

3. 功能拓展

想要在markdown笔记中添加思维导图,但又不想使用图片,可以使用mermaid,但是GitPage的Jekyll默认不支持 mermaid,以下是解决方法

3.1. step1

先在博客文件中添加mermaid.min.js文件(可以在https://unpkg.com/browse/mermaid@8.6.0/获取),将mermaid.min.js放在js文件夹

3.2. step2

打开_layouts/default.html文件,添加如下内容

<script src="/js/mermaid.min.js"></script>

<script>
var config = {
  startOnLoad: true,
  theme: "forest",
  flowchart:{
    useMaxWidth: true,
    htmlLabels: true
  }
};
mermaid.initialize(config);
window.mermaid.init(undefined, document.querySelectorAll('.language-mermaid'));
</script>

本站总访问量