利用github免费搭建属于自己的博客

很久没更新了,一方面觉得忙,另一方面微信限制很多,没什么正经的想写。

今天这篇文章是一年前在我的博客上发的,这次又做了一点补充和完善,主要是针对想拥有自己的独立网站的朋友,文章比较长,有需求的不妨试一试?

写在前面:

这里的博客不是新浪微博也不是日志说说,而是一个只属于个人,可以有独立域名的博客网站。效果可参考我的网站:xiaogeng.top

搭建博客之前先来看几个概念:

github是什么?作为程序员不知道这个网站可能连个假的程序员都算不上,这可是最大的男性交友平台。。其实这是个具有版本管理功能的代码托管平台,简单理解就是你可以在网站上建个自己的仓库,把自己写的代码存在上面,也可以放一个静态网页在上面。

jekyll是什么?这是一个静态站点生成器,他会根据网页源码生成静态文件。所以实际上可以用来编写整个网站,我们可以现在本地写好符合jekyll编码规范的网站源码,上传到github上就可以生成网站,这里我们主要用的是hexo。

当然了不懂也没什么关系,跟着操作一步步来就好了。

博客的搭建一般需要进行四个步骤:

1.本地环境搭建

2.本地生成hexo

3.申请并配置Github账户

4.将github与本地环境绑定

1

本地环境搭建

本地主要是要安装两个软件,git和node.js。

1.1 安装node.js

软件下载地址:https://nodejs.org/en/download/

根据自己的电脑下载相应的版本

打开安装,一路默认即可

1.2 安装git

下载地址:https://git-scm.com/downloads,选择相应版本

下载完成后打开安装。

1.3 检验是否安装成功

按win+R键,输入cmd回车

依次输入

node -v

npm -v

git --version

查看版本

如果都有版本显示,则安装成功。

2

本地生成hexo

环境搭建好了,接下来我们需要在本地安装Hexo.首先在本地选一个位置安装,该位置用来存放以后的相关文件,包括博客内容等,以E:/blog为例。

2.1 hexo安装

在E盘下建立blog文件夹,进去后在右边空白处右键单击,选择Git Bash here

然后在命令行输入

npm install -g hexo-cli

等待其配置完之后输入

npm install hexo --save

此时在安装hexo,耐心等待安装完之后输入以下命令即可查看是否配置完毕

hexo -v

2.2 初始化hexo

接着上面的操作,输入

hexo init

接着输入

npm install

之后npm将会自动安装你需要的组件,只需要等待npm操作即可

接下来我们检验一下是否配置成功。接着输入

hexo g

然后输入

hexo s

出现下列提示

INFO Start processing

INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

此刻在浏览器中打开http://localhost:4000/,你将会看到网站已经搭好了

到目前为止,Hexo在本地的配置已经全都结束了。

3

创建并配置自己的Github账户

1.打开Github网站:https://github.com/

2.如果还没有注册账号的按步骤注册一个账号,填写邮箱,用户名,密码提交之后,登录邮箱验证一下即可,然后进入账户。

3.点击箭头所指方向创建代码库。

4.创建成功后到这里你的Github账号就基本配置好了,打开网址https://gengyanqing.github.io/,可以看到已经显示了。

4

绑定本地的Hexo到github上去

github上也有自己的网站主页了,接下来我们得让github显示自己本地的hexo网站。

4.1配置git个人信息

还是右键打开git bash。

输入自己的username和email

4.2 修改_config.yml文件

打开在blog文件夹里找到_config.yml文件,用编辑器打开(推荐notpad++,防止乱码),找到Deployment,然后按照如下修改:

4.3 配置ssh

第一次设置时本地没有密钥,打开git bash,输入:

更换成自己的邮箱,然后一直回车即可。

4.4 连接Hexo和github

打开c:/user/ssh,里面会有id_rsa.pub文件,打开以后复制里面的全部内容。

接下来在浏览器中打开你的github账号。选择设置,进入SSH key项中,选择add ssh key。

把你本地生成的密钥复制到里面(key文本框中), 点击 add key即可。

到这里所有的配置基本都配置完了。让我们来看一下自己的网站

在blog里打开git bash,输入

hexo d -g

至于怎么发文章,增加分类,怎么修改网站样式,下次我再会写一篇文章。

如果你在上述过程遇到了什么解决不了的问题,可以后台留言哦

关注的人都是优秀的人

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180510G2651R00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券