学习笔记:利用GitHub Pages和Markdown打造网页版

需积分: 14 0 下载量 87 浏览量 更新于2024-12-03 收藏 46.51MB ZIP 举报
资源摘要信息:"studynote:记录学习笔记,网页版" **知识点一:Markdown语法** Markdown是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。Markdown文件通常以.md或.markdown作为文件扩展名。以下是Markdown的一些基本语法: 1. 标题:使用井号(#)后跟一个空格表示,井号的数量表示标题的层级,例如: # Header 1 ## Header 2 ### Header 3 2. 列表:无序列表使用星号、加号或减号作为列表标记,例如: - Bulleted - List 有序列表则使用数字加点表示,例如: 1. Numbered 2. List 3. 文字样式:使用两个星号(**)表示加粗,一个星号(*)或下划线(_)表示斜体,反引号(`)表示代码,例如: **Bold** and _Italic_ and `Code` text 4. 链接和图片:使用方括号包围链接文本,后跟圆括号包围链接地址表示链接,例如:[Link](url);使用感叹号、方括号和圆括号表示图片,例如:![Image](src) **知识点二:GitHub Pages** GitHub Pages是GitHub的一个功能,允许用户直接从GitHub仓库中的Markdown文件自动生成网页。每当用户向该仓库提交更改时,GitHub Pages会自动运行,将Markdown文件中的内容转换为HTML页面,从而实现网页的即时更新。 **知识点三:Jekyll主题** Jekyll是一个简单的、博客-aware的静态站点生成器。它可以将纯文本转换为静态网站和博客。在GitHub Pages中使用Jekyll主题,可以让你的网站具有更加丰富的布局和样式。Jekyll主题通常包括预设的布局、样式以及一些配置文件,用户可以通过修改配置文件来自定义网站的主题。主题的名称一般保存在Jekyll配置文件_confg.yml中。 **知识点四:HTML标签** 虽然在上述描述中没有直接提到HTML标签,但由于HTML是网页内容的主要标记语言,了解一些基本的HTML标签对于网页开发来说非常重要。例如: 1. <a>标签用于定义超链接,其href属性指定了链接的目标URL。 2. <img>标签用于定义图像,其src属性指定了图像的来源。 3. <h1>到<h6>标签用于定义不同层级的标题。 4. <ul>、<ol>和<li>标签用于定义无序列表和有序列表。 5. <strong>和<em>标签分别用于加粗和斜体文字强调。 在使用Markdown编写文档时,虽然不需要直接编写HTML标签,但了解这些基本的HTML标签有助于理解Markdown的语义和最终网页的结构。