初次见面,多多关照

纯小白,历时两天,100多次测试,终于在各种宕机中杀出来了,这是我要写的第一篇博客,就简单记录下搭建过程吧。

网上的搭建教程都是几年前的,随着软件更新,很多已经不适用了,甚至还有不少Bug。

hexo搭建教程

01、环境准备

在搭建个人博客前,需要准备下环境(若已安装,则无需重新安装)。

  1. 安装git

    • 下载链接

    • 访问git官方地址,下载对应安装包进行安装。

    • 安装好之后,配置环境变量,在系统变量中选择Path,点击编辑,然后将你安装目录下git.exe所在的路径填入(环境变量位置请百度)。

      1676474799674

    • 打开git,输入命令:git version

      1676473770082

      出现这个说明git安装成功,中间数字为版本号。

  2. 安装node.js

    • 下载链接

    • 下载最新版即可,演示版本为(v18.14.0)。

    • 安装完之后按照git方式配置环境变量。

    • 然后在终端里输入:node -v

      1676474981040

      出现这个说明node.js安装成功,数字为版本号。

  3. 安装Hexo

    • 首先要创建一个文件夹(用来存放所有的blog的),建议放在根目录。

    • 然后在终端里cd到该目录下。

    • 然后执行安装命令:npm install hexo -g

    • 测试是否成功,执行命令:hexo -v

      1676475843296

      如图即为成功。

  4. 安装hexo依赖

    • 输入命令:npm install – save hexo-deployer-git
  5. 初始化命令:hexo init,初始化完成后打开文件夹可以看到以下内容:

    • node_modules:是依赖包。
    • public:存放的是生成的页面。
    • scaffolds:命令生成文章等的模板。
    • source:用命令创建的各种文章。
    • themes:主题。
    • _config.yml:整个博客的配置。
    • db.json:source解析所得到的。
    • package.json:项目所需模块项目的配置信息。

02、搭桥到github 配置SSH key

注意:如果没有github账号的,可以去注册一个。

  1. 创建一个仓库

    1676564528454

    创建名称为 yourname.github.io ,其中yourname为你的github账号名称,按照这个规则创建才有用。

    1676564944859

  2. 配置ssh

    • 输入生成命令:ssh-keygen -t rsa -C “邮箱地址”,(这里的地址是github账号绑定的邮箱地址)。

    • 连续回车两次到第三步,输入y,然后回车。

      1676565909167

    • 然后在2的ssh文件夹下,复制 id_rsa.pub 里面的全部内容。

    • 接着打开github主页,点击个人设置,点击左侧的SSH and GPG keys,点击New SSH key。

      1676566740472

    • 将刚刚复制的内容粘贴到key中,title随便取,点击Add SSH key。

      1676566855385

  3. 测试是否成功

    • 输入测试命令 ssh -T git@github.com

      1676567473547

    • 然后配置账号和密码

      git config --global user.name "你的github用户名"
      git config --global user.email "填写你的github注册邮箱"

03、搭建个人博客

  1. 新建博客

    • 找到source文件夹,点击进入。

      1676648853293

    • 点击**_posts**文件夹,在里面新建md格式笔记即可。

    1676648769148

  2. 生成静态网页上传到git

    • 在终端先输入命令hexo clean
    • 然后输入命令hexo generate
    • 最后输入命令hexo d
  3. 浏览器访问仓库地址:yourname.github.io(搭桥第一步创建的)

    1676649315877