开源项目 blog.io 使用教程

荣宪忠

于 2024-08-28 08:23:03 发布

阅读量99

点赞数 2

本文链接：https://blog.csdn.net/gitblog_00760/article/details/141621978

版权

开源项目 blog.io 使用教程

blog.io简单直接可用博客模板项目地址:https://gitcode.com/gh_mirrors/blo/blog.io

1. 项目的目录结构及介绍

blog.io/
├── _config.yml
├── _drafts/
│   ├── draft-1.md
│   └── draft-2.md
├── _includes/
│   ├── footer.html
│   └── header.html
├── _layouts/
│   ├── default.html
│   └── post.html
├── _posts/
│   ├── 2021-01-01-title1.md
│   └── 2021-01-02-title2.md
├── _sass/
│   ├── _base.scss
│   └── _layout.scss
├── assets/
│   ├── css/
│   └── js/
├── index.html
└── README.md

_config.yml: 项目的配置文件。
_drafts/: 存放未发布的草稿文章。
_includes/: 存放可重用的HTML代码片段，如页眉和页脚。
_layouts/: 存放页面布局模板。
_posts/: 存放已发布的文章。
_sass/: 存放SASS样式文件。
assets/: 存放静态资源，如CSS和JavaScript文件。
index.html: 项目的主页文件。
README.md: 项目的说明文档。

2. 项目的启动文件介绍

项目的启动文件是 index.html，它是博客的主页文件。这个文件通常包含了博客的基本结构和布局，以及引入必要的CSS和JavaScript文件。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>博客主页</title>
    <link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
    {% include header.html %}
    <main>
        <!-- 主内容区域 -->
    </main>
    {% include footer.html %}
    <script src="assets/js/main.js"></script>
</body>
</html>

3. 项目的配置文件介绍

项目的配置文件是 _config.yml，它包含了博客的各种设置，如标题、描述、作者信息等。

title: 我的博客
description: 这是一个个人博客
author: 张三
email: example@example.com
baseurl: ""
url: "http://example.com"
markdown: kramdown
theme: minima

title: 博客的标题。
description: 博客的描述。
author: 博客的作者。
email: 作者的邮箱。
baseurl: 博客的基本URL。
url: 博客的完整URL。
markdown: 使用的Markdown解析器。
theme: 使用的主题。

以上是开源项目 blog.io 的基本使用教程，希望对你有所帮助。

blog.io简单直接可用博客模板项目地址:https://gitcode.com/gh_mirrors/blo/blog.io

荣宪忠

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
0
评论
开源项目 blog.io 使用教程

开源项目 blog.io 使用教程 blog.io简单直接可用博客模板项目地址:https://gitcode.com/gh_mirrors/blo/blog.io 1. 项目的目录结构及介绍blog.io/├── _config.yml├── _drafts/│ ├── draft-1.md│ └── draft-2.md├── _includes/│ ├── foo...
复制链接

扫一扫