建站教程 如何搭建博客

本文将介绍基于 Hexo 和 Gitee 的博客搭建过程。

一、准备工作

1.安装node.js 和 Git

2.检验是否安装成功

win+r 打开运行窗口,输入 cmd 并回车。

1
2
3
node -v           //用于检查node.js
npm -v //用于检查npm
git --version //用于检查Git

3.将npm更换为阿里云镜像

1
npm install -g cnpm --registry=https://registry.npm.taobao.org

二、部署到本地

1.安装

1
2
3
4
npm install -g hexo-cli    //安装Hexo
hexo init blog //创建博客
cd blog //进入博客文件夹
npm install //安装Hexo至博客文件夹

2.测试

1
hexo s                     //生成本地静态网页,用于测试安装是否成功

打开浏览器,输入 http://localhost:4000/ ,检查网页是否顺利生成。

三、部署到网络

1.注册Gitee账户 新建仓库

路径最好与用户名相同,可以避免很多麻烦

2.配置Git

1
2
3
git config --global user.name "用户名"
git config --global user.email "用户邮箱"
ssh-keygen -t rsa -C "用户邮箱"

输入上面三行后会提示是否需要设置密码,根据自身情况设置即可。(推荐连敲三下回车,不设置密码)

若命令行中出现方形图案,说明SSH公钥顺利生成,在 C:\用户\.ssh 中可以找到。

C:\用户\.ssh\id_rsa.pub 用记事本打开,复制内容至 Gitee-设置-安全设置-SSH公钥-添加公钥

3.安装Hexo Git部署插件

在博客目录中启动 cmd ,输入以下代码。

1
npm install hexo-deployer-git --save

4.开启Gitee Pages服务

Gitee-仓库-管理 , 单击 初始化README启用SVN访问。(已初始化请忽略)

Gitee-仓库-服务-Gitee Pages ,勾选 强制使用HTTPS ,单击更新即可。

5. 配置文件设置

打开博客配置 blog\_config.yml

搜索URL,修改如下:

1
2
3
# URL
## If your site is put in a subdirectory, set url as 'http://example.com/child'
url: 修改为Gitee Pages网站地址

例如:

1
url: https://blog.gitee.io

搜索language,修改如下:

1
language: zh-CN

修改末尾:

1
2
3
4
deploy:
type: git
repo: 替换成你自己仓库的HTTP URL地址
branch: master

Gitee-仓库-克隆/下载-HTTPS-复制 ,即可获得你的HTTP URL地址。

四、上传吧!!!

1.上传到Gitee

1
2
3
4
5
6
7
8
9
cd blog
hexo cl && hexo g && hexo d

注:
第一行代码为进入博客文件夹,请根据具体情况修改
hexo cl ------ 清理缓存
hexo g ------ 生成静态页面
hexo s ------ 在本地预览
hexo d ------ 推送到云端

2.在Gitee中更新网页

Gitee-仓库-服务-Gitee Pages,单击更新,刷新网站 。

参考