您的位置  > 互联网

下载Git小乌龟的安装和配置环境,你知道吗?

1、安装配置环境

⛔如果你已经有环境,可以跳过这个目录。

1.安装Git

从Git官网地址:下载Git软件,按照默认选项安装。

如果您不熟悉 git 命令也没关系。 推荐下载Git ,使用熟悉的界面来操作git。 您也可以按照默认选项安装。 不过,这里需要注意的是,必须先安装git,然后再安装。

2.安装Node.js

从node.js官网:下载Node.js软件。 建议下载稳定版本,然后按照默认选项安装。 安装完成后,按win+R,输入cmd打开命令行,然后输入node --。 如果可以正常显示版本号,则说明安装成功。

2.新建博客项目 1.配置CI/CD自动化部署

CI/CD的核心概念是持续集成、持续交付和持续部署。 简单来说,当我们推送代码的时候,会自动调用一个叫做工具的工具来帮助项目自动生成页面并部署。 这和在页面上部署博客的区别在于,需要先在本地生成各种静态网页和文件,然后推送到页面上。

1.1 创建新项目 ✔ 登录官网登录(如果没有账户,按照提示注册账户) ✔ 创建..io项目(账户名在哪里) ✔ 点击左侧项目 > CI/CD >> 打开1.2自建

默认开启共享,但是由于使用共享需要验证,所以这里关闭共享,我们自己构建本地。

? 为了防止垃圾邮件和滥用行为,我们要求您。在那之前,将是。 你的或使用你自己的。

1.2.1 下载-

作为参考,下载对应版本

1.2.2 注册

在上面创建的E:\-文件夹中,打开cmd并运行二进制文件

.\gitlab-runner.exe register

按照提示,输入url和token(-CI/CD-中可以找到),其余的不用填写,最后进入执行器(这里写的shell)

1.2.3 安装并启动

作为服务安装并启动它。 您可以使用内置系统帐户(推荐)或使用用户帐户运行该服务。

打开cmd并执行命令

cd E:\GitLab-Runner
.\gitlab-runner.exe install
.\gitlab-runner.exe start

至此,自建完成! ,那怎么知道是否正常呢?

-CI/CD-下,可以看到刚刚构建的内容(如果前面有绿色圆圈,则运行成功。如果是感叹号,则没有成功)

❌出了点问题

错误:作业 ( ): : 启动 : exec: “pwsh”: 在 %PATH% 中找不到文件。

⭕解决方案

进入运行程序的安装目录,如E:\-。 打开.toml文件,将pwsh替换为,如下图:

1.3 添加.-ci.yml文件

项目添加了一个新文件——ci.yml,配置如下(node需要填写你下载的node版本):

image: node:16-alpine # use nodejs v16 LTS
cache:
  paths:
    - node_modules/
before_script:
  - npm install hexo-cli -g
  - npm install
pages:
  script:
    - npm run build
  artifacts:
    paths:
      - public
  rules:
    - if: $CI_COMMIT_BRANCH == $CI_DEFAULT_BRANCH

2. Hexo 博客的拉取和推送 2.1 Hexo 博客的拉取

将新建的项目拉到E盘(这里主要使用可视化界面进行操作,不懂git命令也不用担心),右键鼠标选择clone code,填写项目地址并分支

在这里查看项目地址

项目拉取后,在项目文件目录下右键Git Bash Here,依次输入以下命令

npm install hexo-cli -g
hexo init blog

执行后会生成博客文件,并将博客内容移动到项目文件目录下。

在项目目录下执行命令

npm install
hexo server

打开:4000/,本地博客运行成功。

2.2 推送项目

修改.yml配置文件,将站点URL更改为:

提交并推送代码,如上,鼠标右键选择Git ,选择 and Push

将文件夹推至。 一旦推送完成,就会开始自动部署,可以在CI/CD中看到-

✔部署完成后,打开即可看到博客页面。

3、绑定个人域名

如果您想通过自定义域名访问您的博客,可以将个人域名解析为默认域名,这样您就可以通过个人域名访问博客

前提是你有自己的域名。 如果没有,可以在阿里云上购买。

1. 页面配置

可以在-Page下设置

单击“新建”,填写相应信息,然后单击“完成”。

点击新建后,会出现提示:这不是。 你需要的是。

需要先验证域名,并在阿里云中添加DNS解析来验证域名:

2. 域名设置 2.1 域名解析

打开阿里云控制台->域名->域名解析,添加一条个人域名的主机记录,指向我们Pages博客站点的默认域名:.

一般我们添加两条主机记录,分别是前缀www和前缀@,记录类型选择CNAME,记录值填写默认域名:..io。 最小TTL为10分钟,即域名解析在10分钟后生效。 生效后,我们就可以使用我们的个人域名来访问这个博客了。

2.2 申请ssl证书

如上所述,创建新证书时,需要填写SSL证书的信息。 下面简单介绍一下申请SSL证书的流程。

⭕控制台->SSL证书(应用安全)->免费启用SSL证书(申请证书需要实名认证)。 申请SSL证书后,单击“下载”,选择“其他”,下载证书。

下载证书后打开并填写相应信息。

4.写文章、换话题

博客已经搭建成功了,但是我们应该如何写博客呢?

文章保存在项目路径\..io\

使用编辑器语法撰写文章

md的全称是John在2004年设计开发的一种纯文本格式语法,非常简单实用。 常用的标记符号屈指可数,几分钟就能学会。 .md文件可以使用支持语法的编辑器进行编辑,然后将文件保存到\..io\文件夹中

推荐使用或者小树江编辑器

在 macOS 上使用 Mou 编辑器

在 Linux 上使用编辑器

在Web上使用CSDN

默认主题比较简单,那么如何更改自己喜欢的主题呢?

hexo官网可能有很多主题供我们选择

找到主题的官方文档,按照使用文档进行操作(这里以Theme为例)

在..io目录下,点击Git Bash Here,执行以下git命令

git clone https://github.com/EvanNotFound/hexo-theme-redefine.git themes/redefine

下载成功后,你会发现该主题出现在你的目录中*\**

✅安装完成后,将..io/.yml配置文件中的主题设置为

hexo s本地预览并成功切换主题

至此,自动部署Hexo博客的教程就结束了。 您可以通过访问或通过您的个人域名访问您的个人博客。

总结

⏭使用pages部署hexo博客时,我们不需要在本地使用hexo命令生成博客静态网页然后推送到pages仓库。 相反,我们直接将hexo博客的源代码推送到pages仓库中,并添加一个.-ci.yml文件作为CI/CD脚本使用该文件在服务器上为博客生成静态网页,然后自动将其发布到页面博客网站。

⏭当我们想在博客上写一篇新文章时,我们只需要拉取pages仓库中的源码,然后使用hexo新建一篇文章,使用编辑器(如)编辑文章,然后push源代码到页面仓库。 ,服务器会根据.-ci.yml文件重新生成博客的静态网页,然后自动将页面发布到博客站点。

⏭我们可以点击CD/CI让服务器自动检测.-ci.yml文件。 如果文件正确,会自动运行并发布; 我们还可以在左侧菜单中添加新的CI/CD->,让服务器定期重新运行-ci.yml文件来重新发布博客。