haigeek.github.io::writing_hand:个人博客
【HTML基础】 HTML(HyperText Markup Language)是构建网页的标准标记语言,它定义了网页的结构和内容。在haigeek.github.io::writing_hand:个人博客中,HTML被用来组织页面元素,如标题、段落、链接、图像等。通过使用不同的HTML标签,可以创建出层次分明、信息丰富的网页内容。 1. **标题标签**:HTML中的`<h1>`到`<h6>`标签用于设置页面的标题层级,`<h1>`是最高级别的标题,`<h6>`是最低级别。在个人博客中,这些标签通常用于区分文章标题、副标题以及页眉和页脚等不同部分。 2. **段落标签**:`<p>`标签是用于定义文本段落的基本元素。在博客文章中,每一段独立的文字都应该包含在`<p>`标签内,以保持良好的文档结构。 3. **链接标签**:`<a>`标签用于创建超链接,可以将读者引导至其他网页或资源。在个人博客中,链接常用于指向其他文章、作者简介或者相关资源。 4. **图片标签**:`<img>`标签用于插入图片,需要指定图片的源地址(`src`属性)和替代文本(`alt`属性),在图片无法显示时提供文字描述。 5. **列表标签**:`<ul>`和`<ol>`分别代表无序列表和有序列表,它们与`<li>`(列表项)结合使用,适合展示项目清单或步骤指南。 6. **引用标签**:`<blockquote>`用于引用他人的文字或内容,常用于博客中的引述或摘录。 7. **样式控制**:虽然CSS(Cascading Style Sheets)通常用于控制页面样式,但在HTML中也可以通过`<style>`标签或个别元素的`style`属性来实现基本的样式设置。 【GitHub Pages】 haigeek.github.io表示这个博客可能托管在GitHub Pages上。GitHub Pages是一项免费的服务,允许用户在GitHub上托管静态网站。通过将代码库命名为`用户名.github.io`,可以创建一个公开的个人页面。在这个案例中,"haigeek.github.io-master"可能是代码库的主分支,包含了整个博客的源代码。 1. **Jekyll**:GitHub Pages默认支持静态站点生成器Jekyll,它能够将Markdown和YAML元数据转换为静态HTML页面。通过Jekyll,博主可以使用简单的文本编辑器编写内容,然后由Jekyll自动生成完整的网站。 2. **Markdown**:Markdown是一种轻量级的标记语言,用于简化文本格式化。博客文章通常以Markdown文件存储,如`.md`扩展名,这样可以保持源码简洁且易于阅读。 3. **配置文件**:Jekyll的配置文件`_config.yml`用于设置站点的全局属性,如标题、作者信息、导航菜单等。 4. **布局和模板**:Jekyll的`_layouts`目录包含各种页面模板,如文章、首页、关于等。这些模板定义了页面的通用结构,内容则通过YAML front matter插入到相应位置。 5. **静态资源**:博客的CSS样式文件、JavaScript脚本和图片等静态资源通常存放在`assets`或`css`、`js`、`img`等子目录下。 6. **自定义域名**:博主可以选择将自己的域名映射到GitHub Pages,以提供更专业且个性化的访问地址。 通过深入理解HTML和GitHub Pages的使用,你可以创建并维护一个功能完备、美观的个人博客,分享你的知识、想法和经验。无论是技术爱好者还是内容创作者,掌握这些基础技能都是至关重要的。
- 粉丝: 54
- 资源: 4718
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助