hexo+github page搭建属于自己的博客

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

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

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

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

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.点击箭头所指方向创建代码库。

代码库的名字一定要以yourname.github.io格式填写,在创建时把下面的initialize this repository RREDME也勾选上即可。

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

4.绑定本地的Hexo到github上去

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

4.1、配置git个人信息

还是右键打开git bash。

输入自己的username和email

git config --global user.name "gengyanqing"
git config --global user.email "w502325@qq.com"

4.2 修改_config.yml文件

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

deploy:  
  type: git  
  repo: git@github.com:yourname/yourname.github.io.git  
  branch: master 

4.3 配置ssh

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

ssh-keygen -t rsa -C "w502325@qq.com"  

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

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

之后在游览器打开yourname.github.io便可以看到自己的网站了

1 + 3 =
快来做第一个评论的人吧~