I have succeed in migrating my blog from Hexo to Hugo platform, new domain is AxdLog. As Github Pages doesn’t provide SSL certificate for custom domain, so I need to deploy it separately. CloudFlare provides free SSL certificate, and it has the ability of anti-ddos.
This article is one of my personal static blog build series:
- Using Hugo and Travis CI To Deploy Blog To Github Pages Automatically
- Using Cloudflare Free SSL In GitHub Pages With Custom Domain
- Setting Up Slack Build Notification in Travis CI for Github Project
Registering CloudFlare account, if you have one, just login.
If you’re a new registered user. It will show a page Add your site. Inputing the target domain, here I input
Add site, it shows page We’re querying your DNS records:
Next, it shows page Select a Plan
The following is price list:
|Enterprise||Get in touch|
It is recommended that you choose plan
Business if you have the ability to pay. The benefits are more functions and support the development of Cloudflare.
Here I choose
Free Website, clicking button
Confirm Plan, it show page DNS query results.
Add DNS Records
It list all currently existed DNS records of your domain. Deleteing all existed records, creating 2 new records.
The following are my DNS records:
Once operation is completely, it shows page Change your Nameservers.
Change Your Nameservers
CloudFlare provides 2 DNS address:
The domain registrar of my domain is Namecheap, selecting target domain in
Domain List, choosing
custom dns in
NAMESERVERS section, add the 2 DNS address into the input field.
Once operation is finished, it will return to page Change your Nameservers, clicking button
The page shows:
Status: Website not active (DNS modification pending)
Please ensure your website is using the nameservers provided:
Allow up to 24 hours for this change to be processed. There will be no downtime when you switch your name servers. Traffic will gracefully roll from your old name servers to the new name servers without interruption. Your site will remain available throughout the switch
If you are finished changing
Nameservers at domain registrar, client the button
Recheck Nameservers at the right of the page. It will check it the configuration is active. It will takes a while to take effect, just be patient.
It it is passed, the state of
Status: Pending will be changed to
Status: Active, showing
This website is active on CloudFlare.。
Manage Cryptography settings for your website.
Return to the top of the page, clicking icon
SSL has 4 choices:
Strict. If you wanna view the explanation, just clicking the following
Flexible, I choose
Full referenced by Set up cloudflare.
Next setting up
HTTP Strict Transport Security (HSTS), clicking
Enable HSTS, choosing
I understand, then clicking
Nest step, enabling the following 2 settings:
Apply HSTS policy to subdomains (includeSubDomains)
Save to exit.
You can optimize other functions according to personal needs.
Setting operation in Hugo is simpler then Hexo. What you need to do is just add a file named
CNAME into the branch
master of repo (maxdsre.github.io). Adding the custom domain name into the file, here the content is
Due to it is integrated deploying through Travis CI, I just need to add a new line in config file
Test in Browser
Testing in browser, it redirects to
https successfully and shows green padlock icon. It is approved in
Google Chrome and
It took me at least 5 hours to configure SSL in Hexo. But now the total operation is less then half an hour.
- Set Up SSL on Github Pages With Custom Domains for Free
- How To Add Free Cloudflare SSL in Github Pages with Custom Domain?
- Hexo blog with custom domain and cloudflare
- 2018.04.11 16:05 Wed America/Boston
- first draft