盒子
盒子

零基础免费搭建个人博客(hexo+coding)

使用 hexo 生成静态博客并架设在免费的 coding 的 Pages 服务

准备

安装比较简单,一直 next 就行,如下图:

Node.js

  • 安装 Git

Git

  • 验证软件正确安装

同时按下 Win+R 键(或者点击 开始菜单 -> 运行 ),打开运行窗口,输入 cmd ,然后输入以下命令,结果与下图相同则说明安装正确,若不正确可以卸载软件重新安装。

1
2
3
git --version
node -v
npm -v

cmd验证

安装 Hexo

  • 在电脑上新建一个 blog 文件夹(任意位置),该文件夹用于存放你的博客文件,然后右键单击选择 Git Bash ,大家估计都有被“墙”的经历,安装 hexo 为了避免出现类似情况,我们使用淘宝 NPM 镜像下载 hexo ,先输入以下命令使用淘宝 NPM 镜像。
1
npm install -g cnpm --registry=https://registry.npm.taobao.org

设置淘宝NPM镜像

  • 然后开始安装 hexo
1
cnpm install -g hexo-cli

安装Hexo

  • 继续输入以下命令
1
cnpm install hexo --save

hexo_save

  • 安装完成后,在输入命令,验证是否安装正确
1
hexo -v

hexo-v

本地运行 Hexo

  • 初始化 hexo

可能时间较长,按网速而定,耐心等待

1
hexo init

hexo-s-g

  • 安装生成器
1
cnpm install

cnpm-install

  • 运行 hexo

以后要在本地运行博客只要输入该命令即可

1
hexo s -g

hexo-s-g

  • 打开浏览器,输入 localhost:4000 就可以在本地看到你的个人博客了

Ctrl+C 键即可停止

申请 coding

  • 登陆,创建新项目

coding.new
coding.new

  • 开启 pages 服务

pages

  • 绑定域名

绑定域名

  • 解析域名

CNAME 解析,记录值如下:

1
pages.coding.me.

cname

  • 复制 HTTPS

用户名 替换成你自己的用户名

1
https://git.coding.net/用户名/用户名.git

cpy

配置 Hexo

  • 打开之前 blog 文件夹中的 _config.yml

这里推荐使用 NotePad++ 进行编辑找到最后的 deploy 处,修改成如下,然后保存。

注意 : 后面有一个空格不能少,否则会出错;记得 用户名 换成自己的。

1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://git.coding.net/用户名/用户名.git
branch: coding-pages

_config.yml

  • 设置 git 身份信息

将下方的你的 用户名邮箱 替换成自己的。

1
2
git config --global user.name "用户名"
git config --global user.email "邮箱"
  • 安装 hexo git 插件

在 blog 文件夹空白处右键 Git Bash

1
cnpm install hexo-deployer-git --save
  • 发布更新博客到 coding

发布时会弹出 coding 的登陆框,按要求输入 coding 的用户密码就行了。

1
hexo d -g

发布成功后,访问 用户名.coding.me 或之前绑定的域名 lany.me 看下成果。

支持一下
扫一扫,支持 Lany