用Hexo+Github搭建个人博客

在搭建过程中踩坑无数,写个博客记录一下最后实验成功的教程

参考链接:

https://www.cnblogs.com/liuxianan/p/build-blog-website-by-hexo-github.html

https://www.jianshu.com/p/c7397489757c

1. 安装node.js

下载链接

下载好安装包之后一路next就行

命令行测试

nodejs.png

2. 安装git

下载链接

下载好后直接安装,随便找个地方右键看这两个有没有

git.png

3. 注册github,配置SSH,新建仓库

Github官网注册一个账号

配置ssh的步骤可以参考链接

在github新建仓库username.github.io(此处username是你github的用户名)


github-repo.png

我已经创建过了所以显示already exists

4. 搭建

4.1 在本地新建一个空文件夹

例如我为了方便,文件夹命名为zwexcelwang.github.io(跟github仓库同名,以后我就不会忘里面放的文件是什么了)

4.2 安装和初始化hexo

右键选择git Bash打开

# 安装hexo
npm install -g hexo

安装完成后输入

一般来说下面这个命令会运行很慢,可以换npm的源,参考链接

hexo init

文件夹中会出现这些文件


init.png

安装依赖

npm install

安装完后本地运行一下,hexo命令不知道含义可以参考链接

hexo g 
hexo s

在网页输入下网址查看是否出现页面

http://localhost:4000
hexo-init-ed.png

4.3 部署到github

修改文件 _config.ymldeploy部分

deploy:
  type: git
  repository: [email protected]:zwexcelwang/zwexcelwang.github.io.git
  branch: master

Git Bash命令行安装

npm install hexo-deployer-git --save

然后

hexo d

若报以下错误,参考链接

Error: Spawn failed

部署完成后可在github仓库中看到

deployed.png

在浏览器输入username.github.io测试是否能看见hexo的网页

5. 绑定域名

5.1 去买一个域名

阿里云,腾讯云这些都行,我买的是腾讯云的,在云产品找到域名注册

然后搜索想要的域名,例如.com

yuming.png

买好之后要实名认证,按照步骤就行,大概要等半天左右的时间就好啦

5.2 域名解析

在我的域名里找到自己的域名,填写解析


jiexi.png

主机记录为@那行的记录值就是你github的ip,在命令行

ping username.github.io

得到:

ping-git.png

5.3 绑定域名

在github的仓库username.github.io右侧的setting填写买好的域名

domain.png

在username.github.io文件夹下的source文件夹里新建一个没有后缀的文件,命名为CNAME

文件里写买好的域名,比如我的是

zuiyia.wang

然后生成并上传

hexo g
hexo d

然后在浏览器输入你的域名就可以看见博客啦

关于如何使用hexo写博客,这些还没有学,等我学了再写教程

你可能感兴趣的:(用Hexo+Github搭建个人博客)