Nesse tutorial será utilizado o "Hello World" que foi criado no post Hack Plugin para Vim e um Hello World e também será utilizado o Bootstrap 3.0.
Lembrando que para utilizar a linguagem Hack é necessário ter a HHVM e um servidor web configurado e rodando. Se você ainda não possui esses requisitos veja o post HHVM + Nginx no Ubuntu 13.10 poderá lhe ajudar.
Como já criamos o arquivo index.php no post Hack Plugin para Vim e um Hello World vamos mostrar como incluir arquivos CSS utilizando o Framework Bootstrap.
Primeiramente vamos criar dentro da raiz do site um arquivo chamado header.php.
Lembrando que para utilizar a linguagem Hack é necessário ter a HHVM e um servidor web configurado e rodando. Se você ainda não possui esses requisitos veja o post HHVM + Nginx no Ubuntu 13.10 poderá lhe ajudar.
Como já criamos o arquivo index.php no post Hack Plugin para Vim e um Hello World vamos mostrar como incluir arquivos CSS utilizando o Framework Bootstrap.
Primeiramente vamos criar dentro da raiz do site um arquivo chamado header.php.
$ cd /caminho/para/seu/site $ vim header.phpEntão incluir o código para formar o cabeçalho.
<?hh
echo '<!DOCTYPE html>';
echo '<html>';
echo '<head>';
echo '<meta charset="utf-8">';
echo '<meta http-equiv="X-UA-Compatible" content="IE=edge">';
echo '<meta name="viewport" content="width=device-width, initial-scale=1"';
echo '<title>Teste Hack</title>';
echo '<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"';
echo '<!--[if lt IE 9]>';
echo '<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>';
echo '<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>';
echo '<![endif]-->';
echo '</head>';
echo '<body>';
Agora vamos criar um arquivo chamado footer.php.$ vim footer.phpNeste arquivo vamos incluir as seguintes instruções:
<?hh echo '</body>'; echo '</html>';Então abrir o arquivo index.php.
$ vim index.phpÉ necessário fazer um include_once dentro do arquivo index.php.
<?hh
include_once('header.php');
echo '<h1>Hello World</h1>';
include_once('footer.php');
Pronto agora basta acessar o endereço de seu servidor para poder visualizar o resultado.
Nenhum comentário:
Postar um comentário