Já faz um tempo que eu quero fazer uma página para a meu projeto Delicious Ext e decidi investigar no site do Github como fazer.

Páginas Pessoais e Páginas de Projeto

Um detalhe que é importante ressaltar é que o Github diferencia as páginas de projeto das páginas de perfil. E assim, eles devem ser construídos de maneiras diferentes.

Página de Usuário no Github

Essas são as mais fáceis de fazer. Basta criar um novo projeto com o nome seu_username.github.com. Após isso, basta fazer um commit de um arquivo index.html que o github automaticamente saberá que se trata de uma página e não de um simples projeto de códigos-fonte.

Muito fácil, né?

Tratei então de criar meu arquivo index.html:

Um detalhe curioso é que eu adicionei a etiqueta “Fork me on Github”, inspirado na página do pessoal responsável pelo desenvolvimento do Github, afinal, todas as páginas possuem o código aberto para nossa inspiração. ;)

Para transformar todo esse HTML em algo agradável aos olhos, eu fiz o commit de um estilo, no arquivo style.css:

* {
	margin: 0;
	padding: 0;
}
body {
	font-family: 'Palatino Linotype', Palatino, Georgia, 'Times New Roman', serif;
	background-color: #fff;
	overflow: auto;
	font-size: 16px;
	width:750px;
	margin:0 auto;
	margin-top:30px;}
h1 {
	font-weight: normal;
	margin-bottom: 30px;
	color: #222;
	font-size: 50px;
}
a {
	text-decoration: none;
	color: #777;
}
a:hover { color: #444; }
img#forkme {
	position: absolute;
 	top: 0;
 	left: 0;
 	border: 0;
 }
#container {
	width: 500pt;
	text-align: center;
	margin-top: 100px;
}
#footer {margin-top: 100px;}

Pronto! E o resultado encontra-se no endereço http://tbueno.github.com e no screenshot abaixo:

Nos próximos posts, descreverei como fazer uma página para um projeto no Github!