使用Github快速打造个人主页

1.先看效果www.gaoyuanwu.top

2.使用GitHub Pages来搭建主页

按以下五步简单创建个人主页

使用Github快速打造个人主页_第1张图片
使用Github快速打造个人主页_第2张图片
使用Github快速打造个人主页_第3张图片
使用Github快速打造个人主页_第4张图片

个人主页搭建完成,默认地址 https://sundaygao.github.io, 下面看效果

使用Github快速打造个人主页_第5张图片

3.静态网站代码的生成

(1)使用Hugo简单快捷,详见https://www.gohugo.org/

运行Hugo:在你的站点根目录执行 Hugo 命令进行调试:

$ hugo server --theme=jane --buildDrafts

运行Hugo时要加上–buildDrafts参数才会生成被标记为草稿的页面。 在浏览器输入localhost:1313,就可以看到我们刚刚创建的页面。

部署:在站点根目录执行 Hugo 命令生成最终页面:

$ hugo --theme=jane --baseUrl="http://sundaygao.github.io/"

(2)使用Hexo主题丰富,详见https://hexo.io/zh-cn/index.html

4.域名设置

首先你需要购买一个域名,我是在万网购买的 点击进入万网

购买完成后,进入万网的管理控制台,选择域名,找到你已经购买的域名,点击解析。

使用Github快速打造个人主页_第6张图片

点击添加解析

使用Github快速打造个人主页_第7张图片

主机记录,填写下面两种记录就可以了

www:将域名解析为www.example.com。
@:将域名解析为example.com(不带www)。

记录值ping一下你的主页地址,填入ip值。

ping SundayGao.github.io

其余选项直接默认就可以了

注意:域名解析设置完成后不会立即生效,个人感觉大约需要等待10到20分钟,可以按照万网上的方法修改公共DNS,让解析设置实时生效。

CNAME
在仓库的根目录新建一个CNAME文件,内容为gaoyuanwu.top。

到这里域名就设置完成了,域名设置生效后,就可以通过域名访问你的主页了。

5.写在最后

感谢: 
https://blog.csdn.net/kong_gu_you_lan/article/details/53788378
http://blog.csdn.net/lmj623565791/article/details/51319147

你可能感兴趣的:(工具,博客,工具,个人主页)