Hack The Sec-Leading Resource Of Linux Tutorial: Hugo_Site

<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 class="entry-title" itemprop="headline" style="background-color: #fdfdfd; box-sizing: border-box; color: #333333; font-family: proxima-nova, 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.1; margin: 21px 0px 0px;">
<span style="font-size: x-large;"><u><i>Deploy a Hugo Site to Production with Git Hooks on Ubuntu</i></u></span></h1>
<div>
<span style="background-color: #fdfdfd; font-size: 18px; line-height: 28px;"><span style="font-family: Georgia, Times New Roman, serif;">Hugo is an open source static site generator. Static site generators build a web page the moment you’re creating or editing new content. It comes with a watch mode which automatically refreshes web pages when editing them. Hugo was started as a side project by Steve Francia and today its community has more than 165 contributions, 35 themes and thousands of users. The biggest advantage of using static is that the websites are incredibly fast especially when compared to sites that carry all the burden of a heavyweight content management system.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVj0jjZ5vB5_gji1LGruqcLJmNWshZ8sPw6nrMR7b1zLRvB8VLjqXA_VVwViOdyoDkReYoJPrClZUFhpQPdGhCcmAAAGFKNCzsyFb8cKwt4RK7wVWjFU0g4K0uzPcg6WoDLmAvb1SrEtGR/s1600/hugo_www.hackthesec.co.in.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVj0jjZ5vB5_gji1LGruqcLJmNWshZ8sPw6nrMR7b1zLRvB8VLjqXA_VVwViOdyoDkReYoJPrClZUFhpQPdGhCcmAAAGFKNCzsyFb8cKwt4RK7wVWjFU0g4K0uzPcg6WoDLmAvb1SrEtGR/s1600/hugo_www.hackthesec.co.in.jpg" /></a></div>
<div>
<span style="background-color: #fdfdfd; font-size: 18px; line-height: 28px;"><span style="font-family: Georgia, Times New Roman, serif;"><br /></span></span></div>
<div>
<h2 style="background-color: #fdfdfd; box-sizing: border-box; font-family: proxima-nova, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 32px; font-weight: 500; line-height: 1.1; margin-bottom: 10.5px; margin-top: 21px;">
<span style="box-sizing: border-box;"><span style="color: #0b5394;"><u>Pre-requisites</u></span></span></h2>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">In order to deploy Hugo site on production, you must first setup your development server with Hugo on <a href="http://www.hackthesec.co.in/search/label/ubuntu-14.04" target="_blank">Ubuntu 14.04</a>. Then build a new production server with <a href="http://www.hackthesec.co.in/search/label/Ubuntu" target="_blank">Ubuntu</a> 14.04 installed. Once you have access to both development and production servers, perform the following tasks to achieve your target deployment on Hugo Site with Git Hooks.</span></span></div>
<h2 style="background-color: #fdfdfd; box-sizing: border-box; font-family: proxima-nova, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 32px; font-weight: 500; line-height: 1.1; margin-bottom: 10.5px; margin-top: 21px;">
<span style="box-sizing: border-box;"><u><span style="color: #0b5394;">SSH Key Authentication</span></u></span></h2>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">First of all we are going to setup a <a href="http://www.hackthesec.co.in/search/label/SSH" target="_blank">SSH </a>key authentication between development server (on which we have already installed Hugo) and the product server on which we will be setting up the production site with <a href="http://www.hackthesec.co.in/search/label/git" target="_blank">Git Hooks</a>.</span></span></div>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">Let’s run the command below to check if there’s already a key pair placed or not.</span></span></div>
<pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14px; line-height: 1.42857; margin-bottom: 10.5px; overflow: auto; padding: 10px; word-break: break-all; word-wrap: break-word;"><span style="box-sizing: border-box;"><span style="line-height: 1.42857;">root@ubuntu</span>:~$ ls ~/.ssh/id_rsa</span></pre>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">If it shows no such file on directory, run the command below to generate a new ssh key.</span></span></div>
<pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14px; line-height: 1.42857; margin-bottom: 10.5px; overflow: auto; padding: 10px; word-break: break-all; word-wrap: break-word;"><span style="box-sizing: border-box;"><span style="line-height: 1.42857;">root@ubuntu</span>:~$ ssh-keygen</span></pre>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">Choose the file where you wish to save the key other than the default location. Then use the command below to copy this key to your production server.</span></span></div>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="font-family: Georgia, Times New Roman, serif;"><span style="box-sizing: border-box;"></span></span></div>
<pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14px; line-height: 1.42857; margin-bottom: 10.5px; overflow: auto; padding: 10px; word-break: break-all; word-wrap: break-word;"><span style="box-sizing: border-box;"><span style="line-height: 1.42857;">root@ubuntu</span>:~$ ssh-copy-id ubuntu@production_server_ip </span></pre>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">After providing the right user credentials you will see the following output.</span></span></div>
<div style="background-color: #fdfdfd; box-sizing: border-box; color: #333333; font-family: proxima-nova, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<code style="background-color: #f9f2f4; border-radius: 4px; box-sizing: border-box; color: #c7254e; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 16.2px; padding: 2px 4px;">Number of key(s) added: 1</code></div>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="font-family: Georgia, Times New Roman, serif;">Now try logging into the machine, with:<br style="box-sizing: border-box;" />“ssh ‘ubuntu@12.23.55.21′”<br style="box-sizing: border-box;" />and check to make sure that only the key(s) you wanted were added.</span></div>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">Let’s run the command on your production server from the development server.</span></span></div>
<pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14px; line-height: 1.42857; margin-bottom: 10.5px; overflow: auto; padding: 10px; word-break: break-all; word-wrap: break-word;"><span style="box-sizing: border-box;"><span style="line-height: 1.42857;">root@ubuntu</span>:~$ ssh ubuntu@162.253.55.241 hostname</span></pre>
<h2 style="background-color: #fdfdfd; box-sizing: border-box; font-family: proxima-nova, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 32px; font-weight: 500; line-height: 1.1; margin-bottom: 10.5px; margin-top: 21px;">
<span style="box-sizing: border-box;"><u><span style="color: #0b5394;">Initial Git Repo Transfer</span></u></span></h2>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">In order to setup the ‘post-receive’ hook on the production server in the near future, we need to transfer an initial clone of our Hugo repository to the production server. To do this, first we will create a bare repository from our main Hugo repository in the ‘/tmp’ directory. Bare repository is a special ‘git’ repository with no working directory. So, to create this copy we will use the ‘git clone’ command using the ‘–enable’ option as shown.</span></span></div>
<pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14px; line-height: 1.42857; margin-bottom: 10.5px; overflow: auto; padding: 10px; word-break: break-all; word-wrap: break-word;"><span style="box-sizing: border-box;"><span style="line-height: 1.42857;">root@ubuntu</span>:~$ git clone --bare ~/hugo_web /tmp/hugo_web.git </span></pre>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">Then copy this bare repo to the home directory of your Production server user using the command as shown below.</span></span></div>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="font-family: Georgia, Times New Roman, serif;"><span style="box-sizing: border-box;"></span></span></div>
<pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14px; line-height: 1.42857; margin-bottom: 10.5px; overflow: auto; padding: 10px; word-break: break-all; word-wrap: break-word;"><span style="box-sizing: border-box;"><span style="line-height: 1.42857;">root@ubuntu</span>:~$ scp -r /tmp/hugo_web.git ubuntu@prod-server_ip:</span></pre>
<h2 style="background-color: #fdfdfd; box-sizing: border-box; font-family: proxima-nova, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 32px; font-weight: 500; line-height: 1.1; margin-bottom: 10.5px; margin-top: 21px;">
<span style="box-sizing: border-box;"><u><span style="color: #0b5394;">Adding Git Remote For Production</span></u></span></h2>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">Let’s add the git to the remote production server as a tracked remote repository using its bare repo. This will allow us to push new content to our production server easily.</span></span></div>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">Now change your directory to Hugo website and then run the command to give name to the remote as ‘prod’ and specify the connection information and location to the bare repository on the remote system.</span></span></div>
<pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14px; line-height: 1.42857; margin-bottom: 10.5px; overflow: auto; padding: 10px; word-break: break-all; word-wrap: break-word;"><span style="box-sizing: border-box;"><span style="line-height: 1.42857;">root@ubuntu</span>:~$ cd hugo_web/</span>
<span style="box-sizing: border-box;"><span style="line-height: 1.42857;">root@ubuntu</span>:~/hugo_web$ git remote add prod ubuntu@prod_server_ip:hugo_web.git</span></pre>
<h2 style="background-color: #fdfdfd; box-sizing: border-box; font-family: proxima-nova, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 32px; font-weight: 500; line-height: 1.1; margin-bottom: 10.5px; margin-top: 21px;">
<span style="box-sizing: border-box;"><u><span style="color: #0b5394;">Setup Production Server</span></u></span></h2>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">So far we have successfully configured our development server, now we are going to setup our production server by following some steps to install a few basic packages. Hugo installation then will create ‘post-receive’ script to deploy new content pushed to our repository.</span></span></div>
<h2 style="background-color: #fdfdfd; box-sizing: border-box; font-family: proxima-nova, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 32px; font-weight: 500; line-height: 1.1; margin-bottom: 10.5px; margin-top: 21px;">
<span style="box-sizing: border-box;"><u><span style="color: #0b5394;">Installing Packages on Production Server</span></u></span></h2>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">We need to install Git, Pygments and <a href="http://www.hackthesec.co.in/search/label/NGINX" target="_blank">Nginx </a>server packages on our production server. The ‘Git’ software will be used to receive pushes and to execute our deployment script. Then we need to install ‘Pygments’ for syntaxt highlighting and ‘<a href="http://www.hackthesec.co.in/search/label/NGINX" target="_blank">Nginx</a>’ as the web server that will make your contents available for the visitors.</span></span></div>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">Let’s run the following command to update your Ubuntu server with the latest updates and patches.</span></span></div>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="font-family: Georgia, Times New Roman, serif;"><span style="box-sizing: border-box;"></span></span></div>
<pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14px; line-height: 1.42857; margin-bottom: 10.5px; overflow: auto; padding: 10px; word-break: break-all; word-wrap: break-word;"><span style="box-sizing: border-box;">$ sudo apt-get update</span></pre>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">Then run this command to install ‘git’, ‘nginx’ and ‘python-pip’ packages.</span></span></div>
<pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14px; line-height: 1.42857; margin-bottom: 10.5px; overflow: auto; padding: 10px; word-break: break-all; word-wrap: break-word;"><span style="box-sizing: border-box;">$ sudo apt-get install git nginx python-pip</span></pre>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">Press ‘Y’ key to proceed with the installation process. Once these packages are installed, execute the command below to install Pygments using ‘pip’ command.</span></span></div>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="font-family: Georgia, Times New Roman, serif;"><span style="box-sizing: border-box;"></span></span></div>
<pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14px; line-height: 1.42857; margin-bottom: 10.5px; overflow: auto; padding: 10px; word-break: break-all; word-wrap: break-word;"><span style="box-sizing: border-box;">$ sudo pip install Pygments</span></pre>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikePEYPcCnqtyBU90w7UQ-zWcg-uIt2V12_Qec-tr6jIuu9KYhl9HCEXk42agYx_Pq08yNwSvfW8CdSeTRol18QpytUBj6Fxj6rcZPyTkzgsAcCjkiVWpGhPojrvVA7JvTJLRsQsoc3Nlx/s1600/pip-installation_www.hackthesec.co.in.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikePEYPcCnqtyBU90w7UQ-zWcg-uIt2V12_Qec-tr6jIuu9KYhl9HCEXk42agYx_Pq08yNwSvfW8CdSeTRol18QpytUBj6Fxj6rcZPyTkzgsAcCjkiVWpGhPojrvVA7JvTJLRsQsoc3Nlx/s1600/pip-installation_www.hackthesec.co.in.png" /></a></div>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">The pakages have been installed. Now we can test if we have setup the remote repository correctly on our pre-prod development machine using the following command in the Hugo project directory.</span></span></div>
<pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14px; line-height: 1.42857; margin-bottom: 10.5px; overflow: auto; padding: 10px; word-break: break-all; word-wrap: break-word;"><span style="box-sizing: border-box;"><span style="line-height: 1.42857;">root@ubuntu</span>:~/hugo_web$ git ls-remote prod</span></pre>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"></span></div>
<h2 style="background-color: #fdfdfd; box-sizing: border-box; font-family: proxima-nova, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 32px; font-weight: 500; line-height: 1.1; margin-bottom: 10.5px; margin-top: 21px;">
<span style="box-sizing: border-box;"><span style="color: #0b5394;"><u>Installing Hugo on Production</u></span></span></h2>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">Run the following command to download the latest hugo package and then install using ‘<b>dpkg</b>’ command as shown in the image.</span></span></div>
<pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14px; line-height: 1.42857; margin-bottom: 10.5px; overflow: auto; padding: 10px; word-break: break-all; word-wrap: break-word;"><span style="box-sizing: border-box;">$ wget https://github.com/spf13/hugo/releases/download/v0.15/hugo_0.15_amd64.deb</span>
<span style="box-sizing: border-box;">$ sudo dpkg -i hugo_0.15_amd64.deb</span></pre>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">For confirmation run the command below to check the version of your Hugo installation.</span></span></div>
<pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14px; line-height: 1.42857; margin-bottom: 10.5px; overflow: auto; padding: 10px; word-break: break-all; word-wrap: break-word;"><span style="box-sizing: border-box;">$ hugo version</span></pre>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">Now clone Hugo themes directly from Github into your home directory by executing the command below.</span></span></div>
<pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14px; line-height: 1.42857; margin-bottom: 10.5px; overflow: auto; padding: 10px; word-break: break-all; word-wrap: break-word;"><span style="box-sizing: border-box;">$ git clone --recursive https://github.com/spf13/hugoThemes ~/themes</span></pre>
<h2 style="background-color: #fdfdfd; box-sizing: border-box; font-family: proxima-nova, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 32px; font-weight: 500; line-height: 1.1; margin-bottom: 10.5px; margin-top: 21px;">
<span style="box-sizing: border-box;"><u><span style="color: #0b5394;">Nginx Configuration to Serve Production Files</span></u></span></h2>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">Here we will be configuring the Nginx <a href="http://www.hackthesec.co.in/search/label/Linux-Server" target="_blank">web server</a> to serve the files produced during the deployment. To do so we will create a new directory in our user’s home and then configure the default configuration file of Nginx to make a few adjustments.</span></span></div>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="font-family: Georgia, Times New Roman, serif;"><span style="box-sizing: border-box;"></span></span></div>
<pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14px; line-height: 1.42857; margin-bottom: 10.5px; overflow: auto; padding: 10px; word-break: break-all; word-wrap: break-word;"><span style="box-sizing: border-box;">$ mkdir ~/public_html</span>
<span style="box-sizing: border-box;">$ sudo vim /etc/nginx/sites-available/default</span></pre>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV9SIKfpXV6bLg_JroksDY1_yuyspJjZZbF6IvGI3L-48kGc4DHAwBbWzYoGxTnPcXiFeuOJhWaaQjWg0VQaXWm0DPrsNRZHs3bKi2GGkI1wpNmlD-3d-ru7luYj0IDacnSzQKQhPZZwVR/s1600/hugo_configuration_www.hackthesec.co.in.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV9SIKfpXV6bLg_JroksDY1_yuyspJjZZbF6IvGI3L-48kGc4DHAwBbWzYoGxTnPcXiFeuOJhWaaQjWg0VQaXWm0DPrsNRZHs3bKi2GGkI1wpNmlD-3d-ru7luYj0IDacnSzQKQhPZZwVR/s1600/hugo_configuration_www.hackthesec.co.in.png" /></a></div>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">Make sure that you have changed the document root path and server name according to your server IP address or domain name.</span></span></div>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">Then restart Nginx services, so that the changes will be applied.</span></span></div>
<pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14px; line-height: 1.42857; margin-bottom: 10.5px; overflow: auto; padding: 10px; word-break: break-all; word-wrap: break-word;"><span style="box-sizing: border-box;">$ sudo service nginx restart</span></pre>
<h2 style="background-color: #fdfdfd; box-sizing: border-box; font-family: proxima-nova, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 32px; font-weight: 500; line-height: 1.1; margin-bottom: 10.5px; margin-top: 21px;">
<span style="box-sizing: border-box;"><u><span style="color: #0b5394;">Creating Post-Receive Hook to Deploy Hugo Site</span></u></span></h2>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">In this step we will be ready to work on post-receive hook deployment scripts by creating a new file in the ‘hooks’ directory present in the bare directory of our production server.</span></span></div>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">Change your directory to the ‘hooks’ and create a new file and put the following contents in it as shown below.</span></span></div>
<pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14px; line-height: 1.42857; margin-bottom: 10.5px; overflow: auto; padding: 10px; word-break: break-all; word-wrap: break-word;"><span style="box-sizing: border-box;">$ cd hugo_web.git/hooks/
<span style="box-sizing: border-box;"><span style="line-height: 1.42857;">root@ubuntu</span>:~/hugo_web.git/hooks$ vim post-receive

GIT_REPO=$HOME/hugo_web.git
WORKING_DIRECTORY=$HOME/hugo_web-working
PUBLIC_WWW=$HOME/public_html
BACKUP_WWW=$HOME/backup_html
MY_DOMAIN=162.253.55.241

set -e

rm -rf $WORKING_DIRECTORY
rsync -aqz $PUBLIC_WWW/ $BACKUP_WWW
trap "echo 'An issue has been occurred.  Reverting to backup.'; rsync -aqz --del $BACKUP_WWW/ $PUBLIC_WWW; rm -rf $WORKING_DIRECTORY" EXIT

git clone $GIT_REPO $WORKING_DIRECTORY
rm -rf $PUBLIC_WWW/*
/usr/bin/hugo -s $WORKING_DIRECTORY -d $PUBLIC_WWW -b "http://${MY_DOMAIN}"
rm -rf $WORKING_DIRECTORY
trap – EXIT</code></span></span></pre>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">In this file, after indicating the bash script, we have setup the ‘git_repo’ to our bare repository. Then, mention the ‘Working_Directory’ to clone this bare repository, while the ‘<b>Public_www</b>’ variable and backup web folder will be kept accessible through the ‘<b>Backup_www</b>’ variable.</span></span></div>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">One thing that you should keep in mind is to change ‘My_Domain’ parameter with your production server’s IP. In the second part of the script, use a bash command, ‘set -e’ to exit immediately in case of any error.</span></span></div>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="font-family: Georgia, Times New Roman, serif;"><span style="box-sizing: border-box;"></span></span></div>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">In the last part of our script we have used the ‘trap’ command, so that in case of deployment failure the trap command will restore our backup copy to the web document root directory.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW24K7bWVwmrWS4uW2gMlADMNQIiWuO4Ff3sRhzr8ekMChQf9kAh22eyeTybzzgMjvrFQO-IwnJmS9HaVOPcSnkBXbLvEFB5V6rwqPP5W3L8iECG_hm-v84PhSa6sjFudLTDUY6lLJ-8GO/s1600/Post-Receive-Hook-to-Deploy-Hugo-Site_www.hackthesec.co.in.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW24K7bWVwmrWS4uW2gMlADMNQIiWuO4Ff3sRhzr8ekMChQf9kAh22eyeTybzzgMjvrFQO-IwnJmS9HaVOPcSnkBXbLvEFB5V6rwqPP5W3L8iECG_hm-v84PhSa6sjFudLTDUY6lLJ-8GO/s1600/Post-Receive-Hook-to-Deploy-Hugo-Site_www.hackthesec.co.in.png" /></a></div>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">After completing the file configuration, use below command to give it executable permissions.</span></span></div>
<pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14px; line-height: 1.42857; margin-bottom: 10.5px; overflow: auto; padding: 10px; word-break: break-all; word-wrap: break-word;"><span style="box-sizing: border-box;"><span style="line-height: 1.42857;">root@ubuntu</span>:~/hugo_web.git/hooks$ chmod +x post-receive</span></pre>
<h2 style="background-color: #fdfdfd; box-sizing: border-box; font-family: proxima-nova, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 32px; font-weight: 500; line-height: 1.1; margin-bottom: 10.5px; margin-top: 21px;">
<span style="box-sizing: border-box;"><u><span style="color: #0b5394;">Testing Deployment System</span></u></span></h2>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">This is the last step to test our production deployment system after completing the configurations. To do so, simply execute the bash script that we created in the previous step.</span></span></div>
<pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14px; line-height: 1.42857; margin-bottom: 10.5px; overflow: auto; padding: 10px; word-break: break-all; word-wrap: break-word;"><span style="box-sizing: border-box;"><span style="line-height: 1.42857;">root@ubuntu</span>:~/hugo_web.git/hooks$ bash post-receive</span>

<code style="background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: inherit; padding: 0px; white-space: pre-wrap;">Cloning into '/home/ubuntu/hugo_web-working'...
done.
0 of 2 drafts rendered
0 future content
2 pages created
0 paginator pages created
0 tags created
0 categories created
in 17 ms</code></pre>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">Now you can open your web browser by giving the IP or FQDN of your production server to see the same contents you have configured in your pre-prod server.</span></span></div>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">If you wish to add some more content, go back to your development server and run the command below to add a new post.</span></span></div>
<pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14px; line-height: 1.42857; margin-bottom: 10.5px; overflow: auto; padding: 10px; word-break: break-all; word-wrap: break-word;"><span style="box-sizing: border-box;"><span style="line-height: 1.42857;">root@ubuntu</span>:~/hugo_web$ hugo new post/Testing-Deployment.md</span></pre>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="font-family: Georgia, Times New Roman, serif;">A new file will be opened in your default editor, so put some new contents and close the file after saving the changes. Then run the following commands to add the contents to git and commit the changes.</span></div>
<pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14px; line-height: 1.42857; margin-bottom: 10.5px; overflow: auto; padding: 10px; word-break: break-all; word-wrap: break-word;"><span style="box-sizing: border-box;">root@ubuntu:~/hugo_web$ git add .</span>
<span style="box-sizing: border-box;">root@ubuntu:~/hugo_web$ git commit -m 'Deployment test'</span></pre>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">Now run the following command to deploy the new contents on the pre-prod to the production server.</span></span></div>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="font-family: Georgia, Times New Roman, serif;"><span style="box-sizing: border-box;"></span></span></div>
<pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14px; line-height: 1.42857; margin-bottom: 10.5px; overflow: auto; padding: 10px; word-break: break-all; word-wrap: break-word;"><span style="box-sizing: border-box;"><span style="line-height: 1.42857;">root@ubuntu</span>:~/hugo_web$ git push prod master</span></pre>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<span style="box-sizing: border-box;"><span style="font-family: Georgia, Times New Roman, serif;">Now visit your production server’s IP address in your web browser. You will be glad to see your new content in your web browser.</span></span></div>
<div style="background-color: #fdfdfd; box-sizing: border-box; font-size: 18px; line-height: 28px; margin-bottom: 10.5px;">
<a href="http://www.hackthesec.co.in/" target="_blank">www.hackthesec.co.in</a><br /><a href="http://www.hackthesec.co.in/" target="_blank">Hackthesec</a></div>
</div>
</div>

How To Deploy a Hugo Site to Production with Git Hooks on Ubuntu 14.04

Deploy a Hugo Site to Production with Git Hooks on Ubuntu Hugo is an open source static site generator. Static site generators build a web page the moment you’re creating or editing new content. It c…