搭建个人博客,详细步骤（通过使用hexo和github）

本文感谢bilibili博主codesheep:友情链接

---

一、部署环境

• node.js下载与安装

  百度搜索node，官网 [中文网]
  

  • ​

    • 

  • 安装步骤比较简单，不做解释（实在不会，百度）

• 安装并配置Git（下载安装Git比较简单，这里主要讲解配置）

  • 打开命令提示符（win+R,输入cmd）

  • 输入git：出现 ‘git’ 不是内部或外部命令，也不是可运行的程序 或批处理文件。 说明没有配置环境变量

  • 找到git安装目录：

  • 桌面或其他任意文件目录，鼠标右键

    • 

  • 输入where git:后面就会显示git安装目录

    • 

  • 接下来正式配置环境变量

    • 右键我的电脑 --> 属性

    • 

    • 

    • 编辑path（不区分大小写）变量，没有的话新建一个，或者编辑下面，下面系统变量的path

    • 

    • 添加以下三个地址，然后依次确定:

    • 

    • 关闭命令提示符，并重新打开。测试是否成功：分别输入git和git -v 看显示是否如下

    • 

• node操作

  • 测试node和npm命令，命令提示符输入：node -v, npm -v查看版本信息

  • 首先为了提高node下载速度，配置国内的淘宝镜像。命令提示符输入：npm install cnpm -g --registry=https://registry.npm.taobao.org

  • 测试：cnpm -v

  • 安装命令：cnpm install -g hexo-cli

  • 测试：hexo -v

  • 随便新建一个空文件夹,这里我在f盘根目录新建blog目录

    • 

  • 在命令提示符中，切换到blog目录。（这里我1.通过f:切换到f盘 2. 通过cd blog切换到blog目录）

    • 

二、初始化博客

1. 初始化hexo：hexo init 我们可以去blog目录看看

   • 

2. 启动：hexo s 浏览器打开地址localhost:4000 ，出现helloworld文章

   

三、写博客

• 离开之前的启动（ctrl + c），或者关闭，再打开

• 新建博文 hexo n “我的第一篇文章”，打开F:\blog\source_posts目录看是否多了一篇文章,自己编辑博文即可

• 清理：hexo clean

• 生成：hexo g

• 启动：hexo s，这时打开地址localhost:4000 本地访问

四、部署到远端

• 进入自己的github首页（没有的话，注册一个）

• 新建一个仓库

  • 

  • 

• 安装cnpm insatll hexo-deployer-git --save

• 使用文本编辑工具打开_config.yml,这里我是用editplus，记事本也行

  • 
    、

  • 编辑结果如下：将文件拉到尾部，你只需要把Java-Python-JavaScript改为你自己的用户名即可

    • 

  • 部署到远端：hexo d

  • 然后输入github账号密码即可

  • 刷新github仓库，看到里面有内容了。

  • 访问Java-Python-JavaScript.github.io 改一下前面的用户名