Beautiful Web Type 项目教程

Beautiful Web Type 项目教程

beautiful-web-type In-depth guide to the best open-source typefaces: https://beautifulwebtype.com 项目地址: https://gitcode.com/gh_mirrors/be/beautiful-web-type

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

beautiful-web-type/
├── _data/
├── _glyphs/
├── _includes/
├── _layouts/
├── _pairings/
├── _samples/
├── _typefaces/
├── assets/
│   ├── css/
│   ├── fonts/
│   └── js/
├── categories/
├── css/
├── js/
├── v1/
├── .gitignore
├── 404.html
├── CHANGELOG.md
├── CNAME
├── LICENSE
├── README.md
├── Rakefile
├── _config.yml
├── favicon-16x16.png
├── favicon-32x32.png
├── favicon-96x96.png
├── feed.xml
├── google146824b99fdbed48.html
├── index.html
└── pairings.html

目录结构介绍

• _data/: 存放项目的数据文件。
• _glyphs/: 存放字形相关的文件。
• _includes/: 存放页面包含的模板文件。
• _layouts/: 存放页面的布局模板。
• _pairings/: 存放字体配对的示例文件。
• _samples/: 存放字体样本的文件。
• _typefaces/: 存放字体相关的文件。
• assets/: 存放静态资源文件，如CSS、字体和JavaScript文件。
• categories/: 存放分类相关的文件。
• css/: 存放CSS样式文件。
• js/: 存放JavaScript脚本文件。
• v1/: 存放旧版本的文件。
• .gitignore: Git忽略文件配置。
• 404.html: 404错误页面。
• CHANGELOG.md: 项目更新日志。
• CNAME: 自定义域名配置文件。
• LICENSE: 项目许可证文件。
• README.md: 项目说明文件。
• Rakefile: Rake任务配置文件。
• _config.yml: Jekyll配置文件。
• favicon-16x16.png: 16x16像素的favicon图标。
• favicon-32x32.png: 32x32像素的favicon图标。
• favicon-96x96.png: 96x96像素的favicon图标。
• feed.xml: RSS订阅文件。
• google146824b99fdbed48.html: Google验证文件。
• index.html: 项目主页。
• pairings.html: 字体配对示例页面。

2. 项目的启动文件介绍

项目的启动文件主要是index.html，这是项目的入口文件。用户访问项目时，首先会加载这个文件。该文件包含了项目的整体布局和主要内容。

3. 项目的配置文件介绍

项目的配置文件是_config.yml，这是一个Jekyll项目的标准配置文件。它包含了项目的各种配置选项，如站点标题、描述、作者信息、插件配置等。以下是_config.yml文件的部分内容示例：

title: Beautiful Web Type
description: In-depth guide to the best open-source typefaces
author: ubuwaits
markdown: kramdown
highlighter: rouge

通过这个配置文件，可以轻松地修改项目的各种设置，以满足不同的需求。

beautiful-web-type In-depth guide to the best open-source typefaces: https://beautifulwebtype.com 项目地址: https://gitcode.com/gh_mirrors/be/beautiful-web-type