index.md

title	author	mode	framework	hitheme	revealjs	url	bootstrap
Github Pages中级教程	陈堰平	selfcontained	revealjs	zenburn	theme transition center moon cube true	lib .	theme amelia

Github Pages中级教程

陈堰平

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

---

目录

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

--- #config

幻灯片设置

Reveal.js的主题设置：

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

选择切换方式：

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

--- &vertical

HTML/CSS 初步

---

HTML 概述

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

---

CSS 概述

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

---

学习资源

• w3school 在线帮助
• Codecademy 在线交互式学习网站
• Code School 同上，一部分课程免费
• 百度文库视频教程
• 自学it网

--- &vertical

markdown介绍

---

语法介绍

• 英文教程
• 中文教程

---

几种解析markdown的工具

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

---

用markdown写slides的工具

• R + slidify包，参考文章实现可重复的统计slides，示例
• pandoc，示例
• knitrBoostrap，示例

--- &vertical

github的使用

• 代码托管，版本控制
• 协同作业
• 程序猿（媛）社区

---

git的设置

• Windows: http://help.github.com/win-set-up-git/
• MacOS: http://help.github.com/mac-set-up-git/
• Linux: http://help.github.com/linux-set-up-git/

---

git命令

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

还可以做什么？

• 代码的穿越

---

学习资料

• GotGithub
• 如何高效使用github
• GIt权威指南

--- &vertical

github pages网站的搭建

---

静态单页面

---

用jekyll做内容管理系统

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

---

学习资源介绍

• 理想的写作环境：Git+Github+Markdown+Jekyll
• 魂归大地

---

谢谢！

<script> $('ul.incremental li').addClass('fragment') </script>