Github Pages中级教程

陈堰平

目录

  • HTML/CSS 初步
  • markdown介绍
  • github的使用
  • github pages网站的搭建

幻灯片设置

Reveal.js的主题设置:

Sky - Beige - Simple - Serif - Night - Default - Solarized - Moon

选择切换方式:

Cube - Page - Concave - Zoom - Linear - Fade - None - Default

HTML/CSS 初步

HTML 概述

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言,而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页

CSS 概述

  • CSS 指层叠样式表 (Cascading Style Sheets)
  • 样式定义如何显示 HTML 元素
  • 样式通常存储在样式表中
  • 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题
  • 外部样式表可以极大提高工作效率
  • 外部样式表通常存储在 CSS 文件中
  • 多个样式定义可层叠为一

学习资源

markdown介绍

语法介绍

几种解析markdown的工具

  • R + markdown包
  • RStudio
  • sublime text2 + Markdown Preview插件
  • pandoc

用markdown写slides的工具

github的使用

  • 代码托管,版本控制
  • 协同作业
  • 程序猿(媛)社区

git的设置

git命令

命令 用途
git init 初始化本地代码库
git add 添加要跟踪的文件
git commit 提交更改
git push 将本地代码推送到远程代码库

还可以做什么?

  • 代码的穿越

学习资料

github pages网站的搭建

静态单页面

用jekyll做内容管理系统

利用现成的博客框架:jekyllbootstrap - octopress

学习资源介绍

谢谢!