Skip to main content

Webpages with Github hosting

Website for you and your projects.
Hosted directly from your GitHub repository. Just edit, push, and your changes are live.
GitHub now can host your static projects to their servers, and that's for free. You just have to enable the GitHub pages for your repositories. You can forward GitHub's default URL to your custom domain/sub-domain. Let's see how we can do that.
Login to your GitHub account. create a new repository with name "(your GitHub username).github.io". This is your base GitHub page. add a sample index.html file to master branch and after commit, open a new tab on your browser and type: (your GitHub username).github.io 
Bingo!! you just hosted your first page on GitHub. (If it does not reflect the changes wait for some time, GitHub might be taking some time to publish it)
GitHub gives the option to use it's prebuilt theme to the pages. If you don't want to create a custom static site then go to settings of the repository. Scroll down to Github Pages, click on choose theme, then select an appropriate theme and edit necessary text. 
Now, if you want to host your another static project, create a repository, add files to it and go to settings, scroll down to GitHub Pages, and on the source select 'master branch'. Open new tab on browser and type : (your GitHub username).github.io/repository-name
If you own a domain and want to forward this github page site to your own domain/sub-domain, just open the (your GitHub username).github.io repository and add a CNAME file. Then write your domain/subdomain name.
Go to your domain registrar and add a CNAME entry for the domain/subdomain and add repository name in the value field. If you're using a subdomain, you have to first add a subdomain in DNS settings. Generally domain registrar takes 24 hours time to add CNAME to their system. You can see your project hosted on your domain after that. PS: for other projects, you have to just add '/repository-name' after your domain.
This is so much helpful for the Front-end developer to showcase their skills.
Labels:

Comments

  1. Jack sonAugust 21, 2021 at 2:02 AM

    On the off chance that you search on the web, you can get a solid, secure facilitating in your financial plan and furthermore you deal with your website.
    https://onohosting.com/

    ReplyDelete
  2. RoonieOctober 2, 2021 at 6:54 AM

    You should be cautious with regards to the working framework as you put resources into exchange hosting framework administrations. How about we comprehend the distinction so you can settle on the choice dependent on the significance of the working frameworks. reddit hosting

    ReplyDelete
  3. SASHANovember 8, 2021 at 2:12 AM

    The nature of the appropriate responses and level of polished skill you get from a plausible host regularly moves to the kind of help you will get once you turned into a client. Moving right along, the ten question to ask your web have: https://hostinglelo.in/

    ReplyDelete

Post a Comment

Popular posts from this blog

Live Game Streaming on YouTube

Hello Guys, Today I gonna talk about how to stream your mobile gameplay to YouTube Gaming. Nowadays, PUBG (PlayerUnknown's BattleGround) is the most trending mobile game. Many Pro players upload/stream their gameplay to YouTube and earn money through monetization. Ok. Let's start. First of all Download YouTube Gaming App. After download, open the app and create/choose your google account for your YouTube channel. If you're a new user then you have to wait for 24 hours until you stream your gameplay (YouTube need to activate your account). Now Just click on the first icon(streaming icon) on the top left corner and this screen will appear: Click Next and select Stream if you want to live stream your gameplay or Record if you want to save the video to your phone and upload it later. Select the video format you want to upload/stream. Click next, you'll see a tips screen, read it and click next. Now, Select the game you want to stream or record. Add the st
12 comments
Read more

Dynamic Form and Grid with C# in WPF

Ever wanted to generate the form & grid dynamically and add data from some data source? Here's to help you. Create a WPF project in Visual Studio. Add a UserControl and name it mainUserControl.xaml Now add a stackpanel just like this : <UserControl x:Class="TestApp.mainUserControl" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:local="clr-namespace:SaiData.TestApp" mc:Ignorable="d" > <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="5*"/> <ColumnDefinition Width="43*"/> </Grid.ColumnDefinitions>
Post a Comment
Read more

Automate Build & Deploy React production build with gitlab-ci to Linux base server (AWS)

Right now as everyone wanting to automate literaly everything, this post will show you how you can automate the react build and deployment. I am using create-react-app getting started with react and assuming you have a similar setup. Setup .gitlab-yml file for gitlab auto deploy Here's the whole .gitlab-yml file that you can copy directly to root of your project. Breaking each line: image: node : 10 cache:   paths: - node_modules / This line define the node version that should be used by the docker instance of shared gitlab-runner and the path defines to cache the node_modules dir. before_script: - apt - get update - qq & & apt install - y openssh - client openssh - server - mkdir - p ~ / . ssh - echo - e " $SSH_PRIVATE_KEY " > ~ / deploy . pem - chmod 400 ~ / deploy . pem - '[[ -f /.dockerenv
Post a Comment
Read more