📜  irfat (1)

📅  最后修改于: 2023-12-03 15:01:27.083000             🧑  作者: Mango

关于 irfat 主题

irfat 是一款基于 BootstrapjQuery 开发的现代化博客主题。该主题以其简洁、响应式和自适应特性而受到程序员的青睐。

特性
  • 响应式设计,适应所有设备
  • 简洁、现代化的风格
  • 现代化的文章页面,包括小标题、图片预览和代码高亮等功能
  • 个人资料页与社交媒体链接页面
  • 无需编译器即可使用
安装
  1. 下载 irfat 主题包。
  2. 将主题包中的所有文件复制到你的 Jekyll 项目的 _layouts_includes_sass 文件夹中。
  3. 根据需要编辑 _config.yml 文件以配置主题。
配置

_config.yml 文件中,你可以按照下面的格式对主题进行配置:

# irfat theme settings
irfat:
  title: "My Awesome Blog"
  logo: "/assets/images/logo.png"
  author:
    name: "John Doe"
    email: "johndoe@example.com"
    about: "I am a programmer who loves coding and tinkering with electronics in my free time."
  social:
    twitter: "johndoe"
    linkedin: "johndoe"
    github: "johndoe"
文章
添加文章

通过在 _posts 文件夹中添加 Markdown 文件,你可以轻松地创建新文章。以下是一个示例文件:

---
layout: post
title: "My First Post"
subtitle: "Welcome to my blog"
date: 2020-01-01 00:00:00 -0700
tags: blog jekyll irfat
image: "/assets/images/sample-image.jpg"
---

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget pulvinar ipsum, id volutpat erat. 
小标题

在文章中添加小标题:

## My Subtitle
代码高亮

使用 Jekyll 的默认代码高亮功能:

{% highlight ruby %}
def my_method(args)
  puts "Hello, world!"
end
{% endhighlight %}

或使用 Prism.js 代码高亮插件(添加了 highlight 类):

```ruby highlight
def my_method(args)
  puts "Hello, world!"
end
```
图片

使用 image 属性添加图片:

---
layout: post
title: "My First Post"
subtitle: "Welcome to my blog"
date: 2020-01-01 00:00:00 -0700
tags: blog jekyll irfat
image: "/assets/images/sample-image.jpg"
---
个人资料
添加头像

将头像图片命名为 avatar.png 并将其放置在 _includes 目录中。

添加社交媒体链接

_config.yml 文件中配置你的社交媒体链接:

# irfat theme settings
irfat:
  social:
    twitter: johndoe
    linkedin: johndoe
    github: johndoe
其他

如有任何疑问或问题,请查看 irfat GitHub 仓库Jekyll 官方文档