![Cyber Security: An Offensive Mindset [Week 1 - Sprint]](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/9924395c-98cd-4520-990f-97082fd1b733/uts/w=3840,quality=90,fit=scale-down)
Page Title
Cyber Security: An Offensive Mindset [Week 1 - Sprint]
Tags
UTS2020Summer Studio
Published Date
January 22, 2020
Author
DalmospotsTo do:
Links:
- https://www.netlify.com/blog/2016/09/21/a-step-by-step-guide-victor-hugo-on-netlify/#building-your-site
- https://www.youtube.com/watch?v=gSiAcyTWU3c
- https://gohugo.io/getting-started/quick-start/
- https://skilstak.io/changing-dns-on-namecheap-to-point-to-netlify/
Organise GitHub and Create First Repo:
- Initially I started by creating a repo in GitHub for my blog, this will be the cloud where my webpage's contents will be stored (blog).
- This will then point to Netlify, which will rebuild the webpage each time I make a change on the GitHub repo.
Create domain on Namecheap and link to Github
- With the GitHub Education Package there is a free domain name registration provided by Namecheap as shown below, this will allow us to host our own webpage (blog) for free for a year.
- Next step is that I had to choose an actual domain name for my webpage, as shown below:
- ankywinning.me
Research, download and setup Hugo
- Next I've looked through documentation and watched videos to understand how Hugo can be implemented to host my webpage.
- Hugo essentially provides a web server which builds and serves the site with high performance.
- To understand a basic Hugo setup I followed the instructions on the "Quick start" found at this link:
- As I'll be using MacOS as my operating system, I must download Homebrew (package manger for MacOS). Type the following in terminal:
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
brew install hugo
hugo version- Next for the interesting part creating the actual new site, the below command will create a Hugo site in a folder named "ankywinning" as shown:
cd Projects
hugo new site ankywinning
- Next we can explore the site file by typing the below command, below is a screenshot of the contents of the new site folder called "ankywinning":
cd ankywinning
- Next we need to install necessary dependencies by entering the following commands for to install, initialise and start npm:
- Error 1: I had an issue when trying to run "npm start" command because of error to do with the "package.json" file. After some research I found that it was because "npm init" was necessary.
- Error 2: But after overcoming above issue I was faced with the issue of a missing script when attempting to run "npm start". Reason for this error is because I haven't changed DNS or linked Namecheap to Netlify.
brew install npm
npm init
npm start- Errors:
- Error 1 & 2:
- Now that we're in the working site directory we need to initialise the local directory on our machine as a Git repository (repo), by following below command:
git init- The next step in getting Hugo setup is to pick a theme then download it from Github, adding it to my sites theme directory (inside site folder).
git submodule add https://github.com/zwbetz-gh/cupper-hugo-theme.git themes/cupper-hugo-theme
- In regards to theme I have chosen to use something simple called "cupper-hugo-theme" which will look like this:
- Next we can run the commands below to:
- Add the theme to our "config.toml" file (note sometimes it may be a .yaml).
- Another command is to run the hugo webserver locally (-D = drafts enabled).
- Final command is to create content (blog posts).
echo 'theme = "cupper-hugo-theme"' >> config.toml
hugo server -D
hugo new posts/my-first-post.md- Now we'll need to type the following in the terminal, to add the files in your new local repository. This stages them for the first commit (save to GitHub repo).
git add .OR
git add -A- Now we can actually commit the files that you've staged in your local repository, using command:
git commit -m 'First commit'
- Now go to GitHub at the top of your GitHub repository's "Quick Setup" page, click the clipboard icon to copy the remote repository URL.
- In terminal, add the URL for the remote repository where your local repository will be pushed.
git remote add origin https://github.com/ankywinning/ankywinning.git
- Next we need to verify your URL by typing command:
git remote -v
- Finally, we need to push the changes in your local repository to GitHub by following the below command:
git push origin master
Research Netlify and create an account
- First we will need to sign up to Netlify in order to utilise it to rebuild our static webpage each time we make changes to GitHub repo. I'll be signing up using GitHub as my repo is located there.
- Now that I'm signed up and logged in using my GitHub login, I was greeted by this Netlify home page. Within the "Site" tab press the "New site from Git" button to add GitHub repo that I wanted to link.
- This page was then displayed and I selected "GitHub" as that is the Git provider I will be using for this project.
- Next will be another authorisation section to allow Netlify access to my GitHub repositories, this screen below will be shown for my case I will select a specific repository not all of them and let it install.
- There are some configuration settings that will need to be inputted when required, as shown below. Make sure that you change build command and publish directory it's very important, then simply press the "Build site" button.
- Error: The build command and publish directory are actually wrong needs to be what is in image below.
- Error: These are the details that need to changed from the detailed inputted above.
- Now it's a waiting game to allow Netlify to deploy the site.
- Error: Site deploy failed multiple times when I attempted to deploy my site, but I have discovered it was a simple misconfiguration. I have to link Namecheap DNS to my to Netlify.
- To link Namecheap domain to our Netlify we need to log into name cheap and on the domain press "Manage", then follow the DNS settings provided on URL below.
- When in the settings for "ankywinning.me" domain I needed to change Nameservers from "Namecheap BasicDNS" to "Custom DNS", then input the following DNS settings.
- NOTE: The process of changing DNS settings can take anywhere between 24 and 48 hours.
- After attempting to build again with the new DNS settings, again it wasn't able to build the static site.
- Error: This is because the Hugo version on Netlify wasn't updated to the same version as I have locally on my machine. To get to the "Environmental variables", go to:
- Settings > Build and Deploy > then scroll to Environment
- Another addition is to go to "config.yaml" and change the base url as shown below to "/".
- It's LIVE! My webpage "ankywinning.me" is officially being hosted on the internet.
Start making changes to live website
- Now I'm going to start by adding an image to my webpage using commands, then drag the image that I'd like to make my webpages logo.
- NOTE: You will need to remove the previous logo.svg image and add yours in with the same file name with extension.
cd themes
cd static/imagesOther Posts
Cyber Security: An Offensive Mindset [Week 1 - Sprint]![Cyber Security: An Offensive Mindset [Week 1 - Sprint]](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/9924395c-98cd-4520-990f-97082fd1b733/uts/w=1920,quality=90,fit=scale-down)
Cyber Security: An Offensive Mindset [Week 1 - Sprint]
UTS2020Summer Studio
January 22, 2020
Cyber Security: An Offensive Mindset [Week 5 - Reflection]![Cyber Security: An Offensive Mindset [Week 5 - Reflection]](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/48ef71de-48da-49b8-ad3e-ecdb6cf9a0ec/uts/w=1920,quality=90,fit=scale-down)
Cyber Security: An Offensive Mindset [Week 5 - Reflection]
UTS2020Summer Studio
February 23, 2020
Cyber Security: An Offensive Mindset [Week 4 - Reflection]![Cyber Security: An Offensive Mindset [Week 4 - Reflection]](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/3b6352ce-fd5a-44eb-adb1-e5dc18dd4885/uts/w=1920,quality=90,fit=scale-down)
Cyber Security: An Offensive Mindset [Week 4 - Reflection]
UTS2020Summer Studio
February 16, 2020
Cyber Security: An Offensive Mindset [Week 4 - Boiler CTF Write up]![Cyber Security: An Offensive Mindset [Week 4 - Boiler CTF Write up]](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/eeb52217-a900-4c6f-8f7f-f31a59484196/boilerroom/w=1920,quality=90,fit=scale-down)
Cyber Security: An Offensive Mindset [Week 4 - Boiler CTF Write up]
UTS2020Summer Studio
February 16, 2020
Cyber Security: An Offensive Mindset [Week 4 - Sprint]![Cyber Security: An Offensive Mindset [Week 4 - Sprint]](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/977cb06f-666a-4238-80cf-0f72d7c76cd1/uts/w=1920,quality=90,fit=scale-down)
Cyber Security: An Offensive Mindset [Week 4 - Sprint]
UTS2020Summer Studio
February 16, 2020
Cyber Security: An Offensive Mindset [Week 3 - Sprint]![Cyber Security: An Offensive Mindset [Week 3 - Sprint]](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/44dca86d-86a4-4b48-b248-b992898bf44c/uts/w=1920,quality=90,fit=scale-down)
Cyber Security: An Offensive Mindset [Week 3 - Sprint]
UTS2020Summer Studio
February 6, 2020
Cyber Security: An Offensive Mindset [Week 2 - Reflection]![Cyber Security: An Offensive Mindset [Week 2 - Reflection]](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/6717afc1-03ac-4fc3-9d70-884ac17434fc/uts/w=1920,quality=90,fit=scale-down)
Cyber Security: An Offensive Mindset [Week 2 - Reflection]
UTS2020Summer Studio
February 1, 2020
Cyber Security: An Offensive Mindset [Week 2 - Sprint]![Cyber Security: An Offensive Mindset [Week 2 - Sprint]](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/7aff021f-d62b-4c40-b687-4a05ebd6d762/uts/w=1920,quality=90,fit=scale-down)
Cyber Security: An Offensive Mindset [Week 2 - Sprint]
UTS2020Summer Studio
January 31, 2020
Cyber Security: An Offensive Mindset [Week 1 - Reflection]![Cyber Security: An Offensive Mindset [Week 1 - Reflection]](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/5b7786d8-8668-4f1a-96fe-fd6e0c47da70/uts/w=1920,quality=90,fit=scale-down)
Cyber Security: An Offensive Mindset [Week 1 - Reflection]
UTS2020Summer Studio
January 26, 2020
Cyber Security: An Offensive Mindset [Week 1 - Intro]![Cyber Security: An Offensive Mindset [Week 1 - Intro]](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/469c2a19-d5dc-4d27-969f-fd6846e22b74/uts/w=1920,quality=90,fit=scale-down)
Cyber Security: An Offensive Mindset [Week 1 - Intro]
UTS2020Summer Studio
January 22, 2020
Cyber Security: An Offensive Mindset [Week 6 - Reflection]![Cyber Security: An Offensive Mindset [Week 6 - Reflection]](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/aac28e6d-c6e0-43fc-bcff-cde18c5ba03c/uts/w=1920,quality=90,fit=scale-down)
Cyber Security: An Offensive Mindset [Week 6 - Reflection]
UTS2020Summer Studio
March 1, 2020
![SecTalks Meet Up Event [UTS]](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/b9a284d5-9287-4e69-9770-5c820d8aa6d5/sectalks/w=1920,quality=90,fit=scale-down)
![SecTalks Meet Up Event [PwC]](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/7253c469-d3ab-4793-bce5-50a10d486b47/sectalks/w=1920,quality=90,fit=scale-down)
![SecTalks Meet Up Event [TikTok]](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/25c12704-c352-43ad-8c71-d3fa54e9b9cd/sectalks/w=1920,quality=90,fit=scale-down)
![SecTalks Meet Up Event [Google]](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/277c87e2-1ec8-4360-a16e-94d99a8d15bd/sectalks/w=1920,quality=90,fit=scale-down)
Cyber Security: An Offensive Mindset [Week 6 - Portfolio]![Cyber Security: An Offensive Mindset [Week 6 - Portfolio]](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/729fbda4-a748-4003-8142-7e3752bf5c56/summerstudio/w=1920,quality=90,fit=scale-down)
Cyber Security: An Offensive Mindset [Week 6 - Portfolio]
UTS2020Summer Studio
March 2, 2020