【博客】个人博客搭建记

发表于

作为一个博客新人，搭建这个博客费了我不少力气，美化更费了不少力气，毕竟是第一次，所以我想到可能会有人跟我一样，在搭建博客时会遇到一些问题，所以写一篇简单的教程教大家如何搭建一个个人博客！

准备工作

  • （可选）拥有一个域名，有服务器或虚拟主机
  • （可选）能快速地访问外网的软件
  • 下载并安装 Node.js 并将其添加到环境变量
  • 下载并安装 Git 并将其添加到环境变量

搭建仓库

  1. 前往 Github 注册一个账号
  2. 点击网页右上角的“+”，选择“创建仓库”(new repository)，仓库名称为 “YourGithubName.github.io”，勾选“使用 README 初始化仓库”(Initialize this repository with a README 新建仓库 新建仓库

安装 Git

访问 GitDown，一路直接下载安装，安装完成后，运行 CMD 命令 git --verion ，应正常提示，如果提示'git' 不是内部或外部命令，也不是可运行的程序 或批处理文件，请手动为 git 添加环境变量

安装 Node.js

访问 Node.js 官网地址，下载并安装，安装完成后执行 CMD 命令：node -v && npm -v，如果显示了'node' 不是内部或外部命令，也不是可运行的程序或批处理文件或'npm' 不是内部或外部命令，也不是可运行的程序或批处理文件，请手动配置环境变量。

连接 Github

绑定账户

右击桌面，选择Git Bash Here，等待窗口加载完成后运行以下命令(记得打引号)：

1
2
git config --global user.name "你的 Github 用户名"
git config --global user.email "你的 Github 注册邮箱"

创建 SSH

在之前打开的 Gitbash 中运行命令(记得打引号)：ssh-keygen -t rsa -C "你的 Github 注册邮箱"，然后三个回车即可。运行完毕后，在 “C:\User\Username\.ssh” 下找到 “id_rsa.pub”，使用记事本打开它，复制全部内容。接着进入 Github 用户设置，如图所示操作：1 2 现在请在 GitBash 上运行 ssh -T git@github.com，如果出现 Hi, yourGithubName! You've successfully...则成功。

安装 Hexo

现在，请你在电脑上新建一个文件夹，这个文件夹用来存储我们个人博客的所有信息，位置随意，但文件夹名字中不要出现中文！创建好后，右键该文件夹，选择 “Git Bash Here”，依次运行以下命令：

1
2
npm install -g hexo-cli
hexo init

现在，你已经可以预览你的博客了，在这个 GitBash 上，运行以下命令：hexo g && hexo s，当显示如图的内容时，访问 http://localhost:4000/ 来预览你的博客(你可以通过 ctrl+c 来结束命令运行，但结束后便不能预览，必须重新执行命令)。 预览

将本地博客部署到 Github

虽然现在已经可以预览博客了，但在云端却不能访问，所以我们还要把博客部署到 Github 。

  1. 打开站点配置文件(位于 博客根目录/_config.yml)，翻到最后，更改 deploy 为如图的样子(注意：每个冒号后面都有一个空格！ )：站点配置文件
  2. 在 GitBash 中运行命令：
    1
    2
    npm install hexo-deployer-git --save
    hexo clean && hexo g && hexo d
  3. 祝贺！博客已经搭建完成！现在，你可以通过 http://YourGithubName.github.io 来访问你的博客！
相关文章