前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >使用GitHub搭建个人博客

使用GitHub搭建个人博客

作者头像
企鹅号小编
发布2018-01-22 11:08:58
1.6K0
发布2018-01-22 11:08:58
举报
文章被收录于专栏:编程编程

今年使用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:\Users\Administrator\.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!

感谢开源项目提供者!

感谢同事和所有在网络上解答问题、分享经验的无私网友!

本文来自企鹅号 - 走路上瘾媒体

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文来自企鹅号 - 走路上瘾媒体

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档