使用GitHub搭建个人博客
今年使用GitHub搭建了自己的博客:kaze2017.com
我整理了一下搭建博客的过程,分为购买域名、准备环境、Git和GitHub、搭建博客、绑定域名、感谢六个部分。
一、购买域名
搜索想要购买的域名,不同的域名价格不一样,通常字母加数字的比较便宜,我搜索的kaze2017。
将kaze2017.com添加到购物车,并点击搜索框右边的【进入购物车】按钮。
任何额外的服务都不需要购买,点击页面底部的【添加这些选项到购物车】按钮。
选择域名使用年限,注意选择年限不同价格是不一样的,我选择的5年。
在GoDaddy购买域名,可以到网上搜一下促销码,我找到了一个5年的促销码(CJCGROUP34),不知道现在还能不能用,可以试一下。
确认好购买信息之后,点击右边的【前去付款】按钮,填写相关信息,有三种支付方式,我选的支付宝(注意有的促销码可能不支持支付宝结算)。
用支付宝完成支付,就可以在【我的产品】里看到购买的域名。
登录邮箱,按照邮件提示,点击【验证电子邮件地址】按钮,激活域名。
在【我的产品】里可以看到域名已经购买成功啦。
二、准备环境
安装Node.js
1.1.打开Node.js网站,点击【DOWNLOADS】下载安装文件。
1.2.双击下载好的安装文件,一直点击【Next】完成安装。
1.3.按键盘上的【微软】+【R】键,输入cmd,点击【确定】按钮。
1.4.输入node,按键盘【Enter】键。
1.5.输入console.log("Hello World"),按键盘【Enter】键,显示“Hello World”,即安装成功。
安装Git
2.1.打开Git网站,点击【Downloads】下载安装文件。
2.2.双击下载好的安装文件,一直点击【Next】完成安装。
2.3.进入Git安装地址,鼠标右键git-bash.exe,选择【发送到】-【桌面快捷方式】,然后就可以双击快捷方式启动Git,即安装成功。
三、Git与GitHub
注册免费的账号就可以,除了购买域名之外,不需要再花任何钱。
启动Git,配置GitHub账号。
输入git config --global user.name "ywb1218",按键盘【Enter】键,设置用户名(ywb1218对应GitHub注册的用户名)。
输入git config --global user.email "kaze2017@163.com",按键盘【Enter】键,设置电子邮箱(kaze2017@163.com对应GitHub注册的电子邮箱)。
输入cd ~/.ssh,按键盘【Enter】键,检查是否存在ssh密钥。第一次使用显示为“No such file or directory”;如果不是第一次使用,则备份删除。
输入ssh-keygen -t rsa -C "kaze2017@163.com",按键盘【Enter】键,生成密钥(kaze2017@163.com对应GitHub注册的电子邮箱)。
按键盘【Enter】键三次,密码为空。
若成功生成密钥,显示如下,其中Created directory后面的地址,即为密钥存放地址(C:UsersAdministrator.ssh)。
鼠标右键id_rsa.pub,选择【用记事本打开该文件】,然后复制文件内容后,关闭文件。
点击左侧【SSH and GPG keys】选项卡。
点击【New SSH key】按钮,进入添加密钥界面,并复制的内容粘贴到Key下面的文本框里,然后点击【Add SSH key】按钮,完成设置。
启动Git,输入ssh -T git@GitHub.com,按键盘【Enter】键。
输入yes,按键盘【Enter】键,显示内容如下,即配置成功。
四、搭建博客
打开GitHub网站,并登录账户。
在搜索栏中输入ywb1218,按键盘【Enter】键搜索,点击搜索结果中的【ywb1218/ywb1218.github.io】;或者直接在浏览器地址栏访问【https://github.com/ywb1218/ywb1218.github.io】。
得到我的代码后,项目名字还是我的,需要修改一下。
点击【Settings】标签,在【Repository name】下面的文本框中输入GitHubd的账户名+github.io,点击【Rename】按钮,修改项目名。
这个时候,在浏览器地址栏中输入项目名(xingyejiancheng.github.io)就可以访问了,不过这个项目的内容都是我的,所以还需要做些修改。
点击项目中的【CNAME】文件,再点击铅笔状的修改按钮。
在修改页面,将kaze2017.com改成购买的域名,然后点击下方的【Commit changes】按钮完成修改,待最后一部分【绑定域名】后,就可以在浏览器地址栏输入域名访问博客了。
项目的修改,可以像上面的CNAME一样在页面操作,也可以使用安装的Git将项目下载到本地,在本地修改后再上传到GitHub,Git提交文件:
git add .
git commit -m "修改内容说明"
git push origin master
项目的具体内容,都可以根据个人喜好进行修改,主要配置信息_config.yml,首页内容index.html,发表的文章都在_posts文件夹,可以参照现有的文件进行修改......建议把项目的每个文件都点开看看,探索未知的领域,本身也是一件很有意思的事情。
五、绑定域名
六、感谢
我大学的专业是市场营销,目前主要负责Winform项目的开发和维护工作。搭建个人博客的想法和流程源自cnfeat的博客(cnfeat.com),项目代码修改自P233的项目(P233.github.io),期间有不懂的就问同事、查百度,在此向大家表示衷心的感谢!
感谢cnfeat!
感谢P233!
感谢开源项目提供者!
感谢同事和所有在网络上解答问题、分享经验的无私网友!
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Bottle HTTP 头注入漏洞探究
- Hadoop2.7.6_03_HDFS原理
- Hadoop2.7.6_04_HDFS的Shell操作与常见问题
- Hadoop2.7.6_05_mapreduce-Yarn
- Hadoop2.7.6_06_mapreduce参数优化
- NFS服务搭建与配置
- Hadoop2.7.6_07_HA高可用
- Hadoop2.7.6_08_Federation联邦机制 1.1. HDFS-federation图解2.1. 注意事项3.1. 部署3.2. 环境变量3.3. c
- ThinkPHP5 SQL注入漏洞 && PDO真/伪预处理分析
- Hive-1.2.1_01_安装部署
- Supervisord远程命令执行漏洞(CVE-2017-11610)
- Hive-1.2.1_02_简单操作与访问方式
- PHP-CGI远程代码执行漏洞(CVE-2012-1823)分析
- Hive-1.2.1_03_DDL操作 1.1. Create Database1.2. Drop Database1.3. Use Database2.1. Cre
- Hive-1.2.1_04_DML操作 5.1. Join8.1. 使用案例8.2. Transform实现