hexo 个人博客搭建记录

2020-04-13 本文已影响0人 Shanyaliux

原文地址：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