Android 博客项目使用教程

2025-04-21 10:58:00作者：裘旻烁

1. 项目目录结构及介绍

本项目是基于 GitHub Pages 的 Android 博客项目，目录结构如下：

yuanhuihui.github.io/
├── _includes/
│   ├── footer.html
│   ├── header.html
│   └── sidebar.html
├── _layouts/
│   ├── default.html
│   └── post.html
├── _posts/
│   ├── 2023-01-01-Android-系统启动概述.md
│   └── ... (其他博文文件)
├── css/
│   └── style.css
├── fonts/
│   └── ... (字体文件)
├── images/
│   └── ... (图片资源)
├── js/
│   └── scripts.js
├── less/
│   └── style.less
├── nav/
│   └── navigation.html
├── .gitignore
├── 404.html
├── CNAME
├── Gruntfile.js
├── LICENSE
├── README.md
├── _config.yml
├── about.html
├── android.md
├── feed.xml
├── flutter.md
├── google98c9f95e8ccd6b63.html
├── index.html
├── sitemap.txt
├── sitemap2.txt
└── tags.html

_includes/：包含一些公用的 HTML 片段，如页脚、页头和侧边栏。
_layouts/：包含页面布局的 HTML 模板，如默认布局和文章布局。
_posts/：包含所有文章的 Markdown 文件。
css/：包含项目的 CSS 样式文件。
fonts/：包含项目中使用的字体文件。
images/：包含博客文章和页面中使用的图片资源。
js/：包含项目的 JavaScript 文件。
less/：包含使用 Less 编写的样式文件，编译后生成 CSS 文件。
nav/：包含导航栏的 HTML 片段。
其他文件：如 README.md、_config.yml 等都是项目的配置和说明文件。

2. 项目的启动文件介绍

本项目的启动文件是 index.html，它是博客的主页。此页面通常会显示最新的博客文章列表，以及一些其他的导航元素，如侧边栏和页脚。

<!-- index.html -->
<!DOCTYPE html>
<html>
<head>
  <!-- ... -->
</head>
<body>
  <header>
    <!-- ... -->
  </header>
  <main>
    <!-- 文章列表 -->
  </main>
  <aside>
    <!-- 侧边栏 -->
  </aside>
  <footer>
    <!-- 页脚 -->
  </footer>
</body>
</html>

3. 项目的配置文件介绍

项目的配置文件是 _config.yml，它用于定义博客的基本设置，如标题、副标题、作者信息等。

# _config.yml
title: "Android 博客"
subtitle: "分享 Android 系统原理、架构分析的原创文章"
author: "yuanhuihui"

这个文件还可能包含其他配置，如网站描述、关键词、社交媒体链接等。每个配置项都会影响网站的表现和样式。在修改这个文件时，需要确保遵循 YAML 的格式规范。

登录后查看全文

Android 博客项目使用教程

1. 项目目录结构及介绍

2. 项目的启动文件介绍

3. 项目的配置文件介绍

项目优选