原文地址：https://www.shanya.world/archives/d7928bcd.html

搭建hexo个人博客的一个记录

我的个人博客地址

Shanya的个人博客

安装相关软件

软件下载地址

nodejs

git

软件安装

• nodejs （如果是从上面的下载地址下载的是一个压缩包，记得解压）

  image-20200618194302887 image-20200618194355854 image-20200618194631818 image-20200618194613296 image-20200618194706657 image-20200618194722993 image-20200618194735920 image-20200618194814503

  • 打开cmd验证是否安装完成

    输入一下两条指令

    node -v
    npm -v
    

    出现下图结果说明安装成功

    image-20200618195017729

• git

image-20200618195104698 image-20200618195159540 image-20200618195212198 image-20200618195225433 image-20200618195237710 image-20200618195250442 image-20200618195301216 image-20200618195312307 image-20200618195332626 image-20200618195345948 image-20200618195357295 image-20200618195409498 image-20200618195510039

​ 打开cmd输入下面命令验证是否安装成功

git --version

​ 出现一下结果表示安装成功

image-20200618195729098

安装 hexo

• 新建一个文件夹
• 进入该文件夹，右击选择 Git Bash Here

image-20200618200003910

出现如下命令窗口，以下的命令均在此窗口完成

image-20200618200117725

• 输入以下命令

  npm i hexo-cli -g
  

  • 如果没有科学上网的手段，npm使用起来会很慢

    可以通过给 npm 配置国内镜像源解决，方法如下

    • 输入以下命令

      npm install -g cnpm --registry=https://registry.npm.taobao.org
      

      出现以下结果表示配置成功

      image-20200618200652686

      此后均使用 cnpm 代替 npm 指令，下文不在做说明

  • 重新输入上述命令，使用 cnpm 替换 npm

    cnpm i hexo-cli -g
    

    • 出现以下结果表明成功
    image-20200618201033810

    • 输入以下命令再次验证

      hexo -v
      

      出现以下结果表明安装成功

      image-20200618201123669

• 输入以下命令初始化文件夹

  hexo init
  

  • 出现以下结果
  image-20200618201421798

  • 文件夹里面会出现以下内容

    image-20200618201509607

• 输入以下命令安装必备组件

  cnpm install
  

  • 出现以下结果

    image-20200618201640188

• 至此，本地的网站配置全部完成，输入以下命令打开本地服务验证

  hexo g && hexo s
  

  • 在浏览器打开下图红圈中的链接

    image-20200618201923012

  • 浏览器会出现此页面

    image-20200618202009193

将网站部署至Coding代码托管平台

• 注册并登录 Coding 平台

  Coding官网地址

  注册过程省略

• 新建项目

  image-20200618202704769 image-20200618202733043 image-20200618202827872 image-20200618202844996

  • 点击项目设置

    image-20200618202951633

  • 再点击功能开关

    image-20200618203023764

  • 打开下路红圈中的 持续部署 功能

    image-20200618203115630

  • 退出项目设置

    image-20200618203207856

  • 选择静态网站

    image-20200618203237640

  • 第一次需要进行实名认证

  • 点击立即发布静态网站

    image-20200618205238483 image-20200618205427374

  • 红框内的网址即我们的博客地址

    image-20200618205518388

  • 现在是404页面，一会连接我们的本地仓库就好

    image-20200618205610147

连接本地与Coding

配置Git

• 输入以下命令，将其中引号处日光自己的用户名及邮箱

  git config --global user.name "KG-Lz"
  git config --global user.email "1543404489@qq.com"
  

• 输入以下代码生成SSH密钥

  ssh-keygen -t rsa -C "1543404489@qq.com"
  

  • 出现下图敲回车
  image-20200618204628302

  • 继续敲回车

    image-20200618204700630

  • 再来一次

    image-20200618204728996

  • 出现以下内容则完成

    image-20200618204810840

  • 输入以下代码将SSH密钥复制出来备用

    cat ~/.ssh/id_rsa.pub
    

    • 红框即我们的密钥复制备用

      image-20200618204950511

Coding填写密钥

• 右上角进入个人设置

  image-20200618205821497

• 选择 SSH公钥

  image-20200618205850131

• 新增公钥

  image-20200618205916869
  • 将上面复制备用的公钥内容填写在此处，勾选永久有效
  image-20200618210011093

• 验证SSH连接

  • 输入以下代码

  ssh -T git@e.coding.net
  

  image-20200618212002839

仓库部署

• 输入以下代码安装部署需要的工具

  cnpm i hexo-deployer-git
  

  image-20200618211534084

• 在本地文件夹中的配置文件中添加远程仓库地址

  image-20200618212214593

  • 上面红框文件末尾修改为下图

    image-20200618212516544

    • 其中repository后面可以在网上项目那里复制

      image-20200618212615285

• 输入以下命令部署仓库

  hexo cl && hexo g && hexo d
  

  最后出现下图内容则代表成功

  image-20200618213243236

• 访问一下看看

  image-20200618213330998