搭建个人博客,详细步骤

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


一、部署环境

  • node.js下载与安装

    百度搜索node,官网 [中文网]
    搭建个人博客,详细步骤

    • 搭建个人博客,详细步骤

      • 搭建个人博客,详细步骤
    • 安装步骤比较简单,不做解释(实在不会,百度)

  • 安装并配置Git(下载安装Git比较简单,这里主要讲解配置)

    • 打开命令提示符(win+R,输入cmd)

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

    • 找到git安装目录:

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

      • 搭建个人博客,详细步骤
    • 输入where git:后面就会显示git安装目录

      • 搭建个人博客,详细步骤
    • 接下来正式配置环境变量

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

      • 搭建个人博客,详细步骤

      • 搭建个人博客,详细步骤

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

      • 搭建个人博客,详细步骤

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

      • 搭建个人博客,详细步骤

      • 关闭命令提示符,并重新打开。测试是否成功:分别输入gitgit -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 改一下前面的用户名