我的个人博客搭建

发表于 2020-03-03 更新于 2024-12-14 分类于前端本文字数： 699 阅读时长 ≈ 3 分钟

我的博客搭建详细步骤

事前准备

1.安装 Node.js

Node.js® 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境
建议下载 LTS 版本 (Long Term Support | 长期支持)
从官网上下载安装包，然后跟着提示进行操作即可
下载完毕后可以进入控制台
输入 node -v 查看 node 版本
输入 npm -v 查看 npm 版本 (node package manager | node包管理器)

2.安装 git

Git 是一个免费的开源分布式版本控制系统
从官网上下载安装包，然后跟着提示进行操作即可，步骤较多，可参考各种安装教程
下载完毕后可以进入控制台，输入 git –version 查看 git 版本，确认安装成功

git config –global user.name “输入你的名称”
git config –global user.email “输入你的邮箱地址”
设置自己的名称和电子邮箱

3.安装淘宝镜像 (可选步骤)

如果使用 npm 安装依赖过慢
进入控制台输入如下命令安装淘宝镜像
npm install -g cnpm –registry=https://registry.npm.taobao.org
使用 cnpm 代替 npm 以提升速度

开始搭建

1.下载 Hexo

在控制台输入 npm install -g hexo-cli 安装 hexo
进入控制台输入 hexo -v 查看 hexo 版本，确认安装成功

2.于指定文件夹创建博客工程

在控制台中转至目标文件夹并输入hexo init
目标文件夹内将生成完整的博客工程文件

移动至该文件目录输入 npm install 安装所需依赖

输入 hexo s 命令，于本地4000端口启动博客
访问 http://localhost:4000 就可以看见你的博客了
(默认创建一篇叫 Hello World 的文章)

3.创建一个 github 仓库

仓库名称必须要和 github 的用户名一致
例: username.github.io

4.安装博客的 git 部署插件

指令: npm install –save hexo-deployer-git
如果在控制台操作失败了可以在 Git Bash 中输入该指令

5.在 _config.yml 文件中修改部署信息

打开位于 hexo 工程根目录的 _config.yml 文件

deploy:
  type: git
  repo: (这里填写你创建的仓库的地址)
  branch: master

6.将博客部署至 github 仓库

输入 hexo d 将博客推送至 github

注意，初次推送需要验证 github 账户
Username for ‘https://github.com‘: 输入你的 github 用户名
Password for ‘username’: 输入你的 github 密码

推送完毕后，github 需要一定的时间部署博客项目

如果该步骤出现错误
git config –global user.name “输入你的名称”
git config –global user.email “输入你的邮箱地址”
设置自己的名称和电子邮箱

7.访问个人博客

访问仓库名.github.io 即可