fengjinghai.github.io：建立个人博客资源-CSDN文库

共34个文件

html：10个

js：6个

png：4个

需积分: 37 46 浏览量 2021-02-15 15:31:28 上传评论收藏 528KB ZIP 举报

在IT行业中，建立个人博客是一种展示技术能力、分享知识、积累个人品牌的重要方式。通过创建一个自定义域名的博客，可以提升自己的网络存在感，并与同行进行交流。在这个案例中，“fengjinghai.github.io”就是一个典型的个人博客项目，通过GitHub Pages服务来托管。以下将详细介绍如何使用HTML等相关技术来建立这样的博客。了解HTML（HyperText Markup Language）是网页制作的基础，它是用于构建网页结构的语言。HTML文件由一系列元素组成，这些元素通过标签来定义，如`<html>`、`<head>`和`<body>`等。在`<head>`中，我们可以设置页面标题、描述、关键词等元信息；在`<body>`中，放置网页的实际内容，如文本、图片、链接等。在“fengjinghai.github.io-master”这个压缩包中，包含了博客项目的基本结构。一般来说，这样的项目会包含以下几个部分： 1. **index.html** - 这是网站的主页，通常包含了博客文章列表或欢迎信息。 2. **css** - 这个文件夹存储了CSS（Cascading Style Sheets）文件，它们负责定义网页的样式，包括颜色、布局、字体等。 3. **js** - JavaScript文件夹可能包含了一些交互性的JavaScript代码，用于增强用户体验，如动态加载、表单验证等。 4. **images** - 存放博客中使用的图片资源。 5. **posts** - 博客文章通常存储在这里，每个文章可能对应一个HTML文件，或者使用Markdown格式的文本文件。 6. **_includes** - 这里可能包含了一些可以重复使用的HTML片段，如页眉、页脚、侧边栏等。 7. **_layouts** - 定义了不同类型的页面布局，比如文章布局、首页布局等。 8. **_config.yml** - 这是配置文件，用于设置博客的全局参数，如作者信息、网站标题、评论系统等。在GitHub Pages上部署个人博客，通常需要以下步骤： 1. 创建一个GitHub账户并新建一个名为“用户名.github.io”的Repository。 2. 将“fengjinghai.github.io-master”中的所有文件上传到这个Repository。 3. 修改_config.yml中的配置，根据个人需求定制博客设置。 4. 如果使用Jekyll（一个静态站点生成器），在Repository中开启Jekyll服务，它会自动解析Markdown文件并生成HTML页面。 5. 部署完成后，通过访问“https://用户名.github.io”即可看到已发布的博客。除了HTML，个人博客还可能涉及到其他技术，如CSS预处理器（如Sass、Less）、JavaScript库（如jQuery、Vue.js）、响应式框架（如Bootstrap）、SEO优化技巧等。通过不断学习和实践，可以进一步提升博客的功能性和美观度，使之成为一个吸引人的在线平台。

资源推荐

资源详情

资源评论