使用GitHub打造你的个人主页
1.介绍
介绍下本文的内容,首先使用GitHub Pages来搭建主页,然后购买一个域名,把域名解析到主页,就可以直接通过域名来访问个人主页了。
看下最终的效果,在浏览器地址栏输入域名www.yangle.tech,即可访问个人主页。
2.搭建主页
首先在GitHub上新建一个仓库,仓库名称规则为:你的GitHub账号.github.io,点击Create repository创建。
创建好仓库后,需要将仓库克隆到本地,在根目录新建一个index.html文件,将下面的html代码复制到文件中,然后使用Git提交一下,推送到GitHub上。
<html>
<body>
<h1>我的个人主页</h1>
</body>
</html>
到这里一个简单的主页就搭建完成了,默认地址是alidili.github.io,打开浏览器输入地址就会直接显示index.html中的内容。
我的主页是在网上找的模板改的,了解网页设计的同学也可以自己发挥一下,替换掉刚才的index.html文件就可以了。
3.域名设置
域名购买与解析
首先需要注册一个域名,我是在万网注册的,戳这里进入,搜索你想要注册的域名,如果提示未注册的话就可以直接购买了。
购买完成后,进入万网的管理控制台,选择云解析DNS,找到你已经购买的域名,点击解析。
点击添加解析
主机记录,填写下面两种记录就可以了
www:将域名解析为www.example.com。
@:将域名解析为example.com(不带www)。
记录值填写151.101.100.133,或者ping一下你的主页地址。
ping alidili.github.io
其余选项直接默认就可以了
注意:域名解析设置完成后不会立即生效,可以按照万网上的方法修改公共DNS,让解析设置实时生效。
CNAME
在仓库的根目录新建一个CNAME文件,内容为www.yangle.tech,然后提交,推送到GitHub上。
到这里域名就设置完成了,域名设置生效后,就可以通过域名访问你的主页了。
4. 神奇的JS
在仓库的根目录新建csdn.html,内容如下:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<script>
function browserRedirect() {window.location.href="http://blog.csdn.net/kong_gu_you_lan";
}
browserRedirect();
</script>
</html>
推送到GitHub后,在浏览器地址栏输入www.yangle.tech/csdn即可跳转至CSDN博客,这样就相当于你的博客有了一个专属的地址。
5.写在最后
感谢:
http://blog.csdn.net/lmj623565791/article/details/51319147
使用GitHub打造你的个人主页相关推荐
- 用 Pelican 和 github 打造你的个人主页
用 Pelican 生成你的个人主页 无需申请站点, 也不要搭建服务器, 编写网页, 如果只是一个人站点, 发布点个人信息, 博客文章, 以及读书笔记, 用 pelican 和 github 就可以做 ...
- GitHub Pages 快速搭建个人主页
GitHub Pages 快速搭建个人主页 写在前面:明天就是妹子生日,虽然准备了礼物,但是作为一只程序猿,还是应该做点有创意的东西.毕竟去年还做了个视频(祝大黄的小黄大人生日快乐),今年要是不用点心 ...
- (转载) 如何利用github打造博客专属域名
转载请标明出处: http://blog.csdn.net/lmj623565791/article/details/51319147: 本文出自:[张鸿洋的博客] 一.概述 哈,本篇博客不属于And ...
- Gitee 不能用了,使用 PicGo + GitHub 打造图床
文章目录 使用 PicGo + GitHub 打造图床 一. PicGo 下载安装 二. GitHub图床 1. 创建 GitHub 图床之前,需要注册/登陆 GitHub 账号 2. 创建 Repo ...
- 如何在Github打造你的爆款开源项目
目前为止我已经有五个流行项目(登上 Github 的 Trending 页),所以想分享我的一些经验和方法. 如果你开源过代码,就会知道让别人对你的感兴趣是多么困难.这很奇怪,不是吗? 我们花了至少数 ...
- Hexo + github 打造个人博客
前两年开始用 wordpress 搭了一个网站,但服务器是在 Linode 上,之所以要放在 Linode 上,要从买的域名说起,因为我买的域名是 fengzheng.pub ,.pub 是不允许备案 ...
- 使用Github和Hexo搭建个人主页时报错 404 There isnt a GitHub Pages site here
问题描述: 最近自己尝试使用Github+Hexo 创建了自己的主页,在输入"username.github.io"时,可以打开自己的网页,但是在输入自己注册的与"use ...
- 制作github.io学术版个人主页
Reference&Template: https://github.com/academicpages/academicpages.github.io Step: 参照template的in ...
- 程序员如何用GitHub打造个人博客(一)
准备工作: Hexo : 基于Node的一个静态博客框架,可以方便生成静态网页托管在github上 node,js : 用来生成静态页面. Node.js官网下载 git :本地数据提交至github ...
最新文章
- 让该死的恶意软件去死吧!!!!!!!
- Object类、常用API
- C# 向listbox添加大量数据项的实践心得
- 深度学习(30)随机梯度下降七: 多层感知机梯度(反向传播算法)
- WCF服务自托管(Self-Hosting)
- html自动适应屏幕分辨率,css如何自适应屏幕大小?
- 简单理解线性规划的单纯形算法
- 计算机专业大学四年应该怎么过才有意义?
- 安卓案例:帧式布局演示(切换颜色)
- 查找重复文件_重复文件查找和磁盘整理工具:Tidy Up
- emui内核支持kvm吗_EMUI和MIUI为什么不基于安卓linux内核不使用虚拟机直接用c++开发一些更流畅系统自带软件呢?...
- 服务器网页上传附件按钮无法使用怎么解决,IE上传附件无法点击确定按钮的具体处理方法...
- WPF Resource资源
- 蓝牙协议分析(6)_BLE地址类型
- 两手空空也创业 没钱照样做老板
- 微信小程序通过PHP控制云开发数据库的写入,读出,更新,删除
- 生物统计分析之ROC曲线分析
- matlab清除所有变量,但是除了某些变量
- Codevs P1814 最长链
- Java String类的split方法简介