用Hexo和Git搭建github个人博客

使用Hexo和Git搭建个人博客

1.了解Hexo

Hexo是高效的静态站点生成框架，她基于Node.js。 通过 Hexo 你可以使用 Markdown 编写文章。

2.搭建Node.js环境

搭建博客网站首先需要安装Node.js环境。

下载地址

1.安装Node

打开你所下载的exe文件，打开并安装。

2.测试安装

（win+r调出“运行”，输入cmd 回车）

命令行使用

node -v 
npm -v

查看显示版本号即成功。成功界面如下：

建议安装v10以上版本，可直接在官网下载最新版本进行安装

3.安装Hexo框架

紧接着在cmd中输入命令来安装Hexo的框架。

npm install hexo-cli -g

3.Github

注册地址

输入相关注册信息后，点击注册；

(可能出现无法注册或者注册步骤无限循环，可能是因为国内防火墙原因，请自行解决，后期使用github时便不需要科学上网了)

注册成功后点击sign in 登录已有账号；

4.开启Github服务

通过Github Pages获得一个免费使用的域名，这需要我们在Github上新建一个仓库，如下：

新仓库的名字，最好是是UserName+“github.io”的形式。这也是之前强调的要起一个好的用户名的原因。这样之后我们最后的博客网站的链接就会是: http://userName.github.io 的形式.

注意：固定新仓库的名字格式并非必须，只是这样操作生成的博客域名比较短小简洁，另起他名生成博客域名会很冗长

点击Create Repository之后，随后选择Setting进入设置，找到Github Pages界面，点击Choose a theme任意选择一个主题。之后打开setting就能看到属于你个人博客的域名了，你可以使用此域名查看你的博客。

5.Git for win的安装

Git是目前世界上最流行的分布式版本控制系统，使用Git可以帮助我们把本地的网页和文章等内容提交到Github上，实现同步。

下载地址

打开安装程序：一路NEXT傻瓜式安装。注意install前的倒数第三步要选择第二个选项

测试安装

右击鼠标，如果有git bash等两个选项 即安装成功

5.GithubSHH配置

1、在安装路径下打开git-bash.exe

（或者右键发送桌面快捷方式，以后就可以直接在桌面使用了）

2、输入命令ssh-keygen -t rsa -C “用于注册github的邮箱”

（说明：因为我这里配置过一次了，所以会出现overwrite? ，第一次安装时就一直enter就行）

3 进入自己的github 点击头像–>点击setting–>点击SSH and GPG keys

title就是你的账户名

添加成功

6、Hexo的安装与使用

Hexo是一个建站工具，可以帮助我们快速生成基本的博客文件，安装它需要在

1.在本地上创建一个新文件夹并命名，这里我创建在D盘根目录下斌=并命名为MyBlog。

2.打开cmd

3.cd到MyBlog中

4.输入安装命令

npm install hexo-cli -g

如果出现错误可能是使用了taobao的镜像，使用

npm config set registry https://registry.npmjs.org/

设置回原本的镜像

成功界面如下：

5.输入初始化博客命令

hexo init howlBlog   //howlBlog为自定义的项目名称

6.进入刚刚初始化的博客文件夹中

cd howlBlog  //howlBlog为上一步自定义的项目名

7.输入安装命令

npm install

8.运行命令，进行本地预览

hexo s -p 5555 //5555为端口号，可自行选择

或者输入

hexo s   //这里执行后，默认设置的为4000端口

9.打开浏览器输入http://locationhost:5555

这就是你的本地博客页面，到此，你的本地博客搭建完成。

7.安装sublime text 3

下载地址

打开sublime text 3,再将项目文件夹howlBlog拖拽进sublime窗口中，打开sourde–>_post–>hello-world.md

这边是你的第一个博客页面的代码。

8.将本地博客发布到GitHub上

1.打开github.com 进入自己的仓库

2.sublime中打开_config.yml

将复制的url写入文件的最后 并添加

branch: master

将此处的url改为 http://Codewilldead.github.io.git //注意与上面的repo作比较

3.打开cmd

4.安装插件

npm install hexo-deployer-git --save

5.cmd中输入

hexo g
hexo d

6.若提示配置github信息

邮箱

git config --global user.email “***@126.com” //邮箱就使用注册github的邮箱

用户名

git config --global user.email “codewilldead”

再提交一次 hexo d

7.输入用户名以及密码 （github的账户及密码）

8.提交成功后直接在浏览器中输入自己的域名

如：Codewilldead.github.io

成功！

最后更新： 2019年05月12日 22:00

原始链接： https://HowlCN1997.github.io/2018/01/01/HexoAndGit/

HowlCN

赏

× 请我吃糖~