使用Hexo搭建个人博客,绑定GitHub以及个人域名

2023-05-16

文章目录

        • 前言
        • 安装Git
        • 安装Nodejs
        • 安装Hexo
          • 创建一个根目录
          • 安装Hexo
          • 验证安装是否成功
          • 初始化网址
          • 安装网址依赖
          • 开启本地服务
        • 托管到Git
          • 配置git的SSH
          • 在github上配置秘钥
        • 托管到GitHub
          • 配置仓库地址
          • hexo安装部署的命令
          • 验证
        • 部署到自己的域名
          • 购买域名
          • Github绑定域名
          • Hexo配置域名
          • 仓库绑定域名
          • Https
        • 大功告成

前言

关于Hexo博客搭建由于网上的教程很多都是旧版本,有时候跟新版不一致装错还得删除再来一遍很让人很难受

文章会基于win10系统开始搭建一个属于自己的博客。从本地启动,到部署到github,然后在到自己的域名

效果如下,这个是我搭建的Hexo博客:https://zhaoshuchao.top

本次搭建使用到的软件以及工具:Git,node.js,GitHub,Hexo

安装Git

点击Git官网下载对应的版本image-20210605190139058

image-20210605190723037

上图红框内的选项是默认勾选的,建议不要动。绿色框1是决定是否在桌面创建快捷方式的。绿色框2是决定在所有控制台窗口中使用TrueType字体和是否每天检查Git是否有Windows更新的。这些根据自己需要选择。

接下来一路next就可以了

安装完成之后我们在cmd控制台运行git,显示一大坨东西就OK了

image-20210605190928033

安装Nodejs

下载地址:node.js下载地址

(Node.js 版本需不低于 10.13,建议使用 Node.js 12.0 及以上版本)

node.js安装很简单,在这里就不演示,基本直接下一步就OK,node.js会自动配置环境变量

安装好在cmd中输入:node -vnpm -v出现版本号就说明安装成功了。安装之后最好是重启一下。

node.js安装教程

安装Hexo

官方文档:hexo

创建一个根目录

前面git和nodejs安装好后,就可以安装hexo博客框架了。

首先创建一个文件夹,我的名字是Blog,这个文件夹在后续就是用来存放你所创建博客的所有文件。这个文件也称根目录。因为我已经安装过了,所以里面是有内容的

安装Hexo
image-20210605191901290
// 在git base执行
npm install -g hexo-cli 

等待安装完毕即可

验证安装是否成功
hexo -v
#输入显示版本号即可

image-20210605192416537

初始化网址
npm install

这一步稍微需要等待一下

出现 Start blogging with Hexo 代表初始化成功

img

安装网址依赖
npm install

然后Blog根目录就会出现一些文件夹,如安装Hexo展示都图片所示

因为我配置过主题,所以目录多了一些文件

node_modules: 依赖包
public:存放生成的页面
source:用来存放你的文章
themes:主题
_config.yml: 博客的配置文件

开启本地服务
hexo g//生成静态网址
hexo s//开启本地服务器

image-20210605193419353

运行结果提示running就OK了

在浏览器输入网址http://localhost:4000就可以查看你的本地博客网页了

img

托管到Git

让我们的博客想让别人访问到在本地运行肯定是不行的

这里我们先选择托管到github上,github提供一个git pages功能,代码提交上去会给我们自动生成一个网络地址,供我们使用

git pages功能码云也有,但是很不巧的是,这段时间码云的gitpages在维护,并且长达3个月

首先登陆到我们github,点击 New repository

image-20210605194258824

这里要注意的是仓库名称一定要是自己的用户名+ .github.io别的名字是无效的!!!

仓库选择public即可

这里我已经有这个仓库了,所以提醒我exists on this account

配置git的SSH

如果不配置ssh key 每次部署都需要输入github 账号密码,太麻烦

回到根目录下的git bash窗口中,执行

git config --global user.name "yourname"//yourname填写你的github用户名
git config --global user.email "youremail"//youremail填写你的github的邮箱

查询刚刚执行的结果

git config user.name
git config user.email

最关键的一步,生成秘钥

ssh-keygen -t rsa -C "youremail"  //youremail填写你的github的邮箱

执行了这个命令会提示存储路径和密码以及确认密码,你连续按三次Enter就好

img

照着上面的存储路径打开id_rsa.pub,将里面所有的内容全部复制出来。

image-20210605194941031

id_rsa是你这台电脑的私人秘钥,不能给别人看的,id_rsa.pub是公共秘钥,可以随便给别人看。把这个公钥放在GitHub上,这样当你链接GitHub自己的账户时,它就会根据公钥匹配你的私钥,当能够相互匹配时,才能够顺利的通过git上传你的文件到GitHub上。

在github上配置秘钥

github点击头像,setting -> SSH and GPG keys,新建SSH key。

image-20210605195427989

这里的title随便填写。key填写我们刚刚复制的id_rsa.pub内容。点击 add ssh key就OK了

测试我们的秘钥配置

ssh -T git@github.com

按照提示输入yes,看到successfully我们就知道配置成功了

image-20210605195713404

托管到GitHub

配置仓库地址

这一步是将hexo和Github关联起来,在你的博客根目录下找到 _config.yml,最下面的deploy中配置你的repo

image-20210605195909102

这里一个大坑,很多文章都写的分支branch为master,这里GitHub很早就更新默认分支为main了。这里写了master还有在github上面配置默认分支,所以这里直接填写main接口

还有一个需要注意:hexo以及主题的配置的yml格式的。不熟悉yml配置的时候注意缩进和:后面跟个空格

这里配置repo我们选择ssh链接即可,不要复制错了

image-20210605200244402

hexo安装部署的命令
# 需要先安装deploy-git ,也就是部署的命令,这样你才能用命令部署到GitHub
npm install hexo-deployer-git --save
#部署命令 注意g和d都是缩写,
hexo clean
hexo g
hexo d
# 也可以用一个命令拼接起来
hexo clean && hexo g && hexo d
验证

打开浏览器,输入xxxx.github.io,这里将请按照 你的github用户名.github.io 输入,就可以访问你的博客

部署到自己的域名

我们部署到github上就可以访问了,部署到自己的域名是可以选择的。但是总感觉每次访问的时候是自己的域名有一种高级感,哈哈哈。当然部署起来也很简单,其实也不算真正的部署,也是一个GitHub提供的映射服务

购买域名

域名购买我是在阿里云上购买的。教程就不展示了,直接登陆阿里云搜索域名即可购买(购买的时候要实名认证,很快提交之后基本一个小时就认证成功)

Github绑定域名

进入阿里云控制台找到域名管理,进入解析

image-20210605201911062

进入页面点击添加记录即可;要添加两个记录值,记录类型分别为A和CNAME,填写如下。

第一个

  • 记录类型为A
  • 主机记录为:@
  • 记录值为自己git.io那个ip地址。IP地址在cmd中ping一下即可; 一般都是这个:185.199.110.153

img

第二个

  • 记录类型为CNAME
  • 主机记录为www
  • 记录值为自己的github访问地址。我这里填写 zsc-cloud.github.io

image-20210605202005092

到这里阿里云上的配置就结束了

Hexo配置域名

在自己博客的跟目录source文件夹下创建一个名字CNAME记事本

内容输入自己的个人域名,保存关闭。删除后缀.txt

仓库绑定域名

在GitHub中找到自己的博客仓库,点击setting,拉到最下面找到GitHub Pages点进去

在Custom domain输入自己的域名save一下即可,效果如下就说明配置成功了

image-20210605203239741

Https

如果GitHub上可以开启Https直接开启即可,如果不能的话可以在阿里云申请一个免费的SSL证书

在这里就不展开说明了,按照提示操作即可。

image-20210605203536148

大功告成

绑定自己的域名耐心等待几分钟访问自己的域名即可!

下一篇我们讲解主题更换以及发布文章!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用Hexo搭建个人博客,绑定GitHub以及个人域名 的相关文章

随机推荐

  • 忘了自己是从哪里下载的源码?查看git clone的历史

    有时候忘记自己是从哪个地方下载的源码了 xff0c 这时候可以进入git clone的文件夹根目录 xff0c 在该处打开终端并输入 span class token function git span reflog date span c
  • 【详细步骤】Ubuntu18.04开启SSH服务,使用MobaXterm客户端进行远程登录

    熟悉linux的小伙伴 xff0c 都或多或少会接触到ssh服务 使用MobaXterm远程登录Ubuntu那感觉 xff0c 真是太 爽了 本人推荐此方法原因如下 xff1a 1 颜控 xff0c Ubuntu原生界面太丑 2 方便 xf
  • cuda-trt 学习

    https github com jinmin527 learning cuda trt learning cuda trt A large number of cuda tensorrt cases在这个project中 xff0c 提供
  • 时序知识图谱推理:Know-Evolve: Deep Temporal Reasoning for Dynamic Knowledge Graphs

    0摘要 xff1a 带有时间戳的大规模事件数据的可用性催生了边带有时间的动态知识图谱 在动态的知识图谱中 xff0c 并没有被很好的理解 基于此 xff0c 本文提出Know Evolve xff0c 这是一种新颖的深度进化知识网络 xff
  • 《机器学习实战》源码和数据集的下载

    机器学习实战 这本书对于我们了解机器学习原理和代码实现提供了很大的帮助 xff0c 源码和数据集可在其英文版的官方网站进行下载 xff1a https www manning com books machine learning in ac
  • VNC Viewer :Timed out waiting for a response from the computer

    阿里云主机 xff0c Ubuntu系统 xff0c 通过VNC viewer连接出现超时问题 解决方案 xff1a 首先检查在阿里云主机添加5801 5810 xff1b 5901 5910端口是否开启 查找步骤如下图 xff1a 1 点
  • 从零开始系列(二):数据库基础篇

    从零开始系列 xff08 二 xff09 xff1a 数据库基础篇 相关系列文章推荐 xff1a 从零开始系列 xff08 一 xff09 xff1a 在github上搭建自己的博客 从零开始系列 xff08 三 xff09 xff1a W
  • 从零开始系列(三):Windows10安装Linux子系统(WSL教程)

    从零开始系列 xff08 三 xff09 xff1a Windows10安装Linux子系统 xff08 WSL教程 xff09 相关系列文章推荐 xff1a 从零开始系列 xff08 一 xff09 xff1a 在github上搭建自己的
  • 从零开始系列(四):一文看懂arm架构和x86架构有什么区别

    从零开始系列 xff08 四 xff09 xff1a 一文看懂arm架构和x86架构有什么区别 相关系列文章推荐 xff1a 从零开始系列 xff08 一 xff09 xff1a 在github上搭建自己的博客 从零开始系列 xff08 二
  • NVIDIA显卡及架构介绍

    版权申明 未经博主同意 xff0c 谢绝转载 xff01 xff08 请尊重原创 xff0c 博主保留追究权 xff09 xff1b 本博客的内容来自于 xff1a NVIDIA显卡及架构介绍 xff1b 学习 合作与交流联系q384660
  • 脉冲神经网络资料汇总

    往期文章推荐 xff1a 损失函数与代价函数 神经网络从入门到精通 脉冲神经网络综述笔记 版权申明 未经博主同意 xff0c 谢绝转载 xff01 xff08 请尊重原创 xff0c 博主保留追究权 xff09 xff1b 本博客的内容来自
  • 什么是NAS

    一 NAS是什么 简单的说就是连接在网络上 xff0c 让大家可以透过网络 xff08 内网 xff0c 外网 xff09 来进行储存和读取资料的设备 通俗点说 xff0c 就是有一台很小很小的台式主机 xff0c 里面只装了很多颗的磁盘
  • numba安装与使用

    一 numba是什么 Numba是一个针对Python的开源JIT编译器 xff0c 由Anaconda公司主导开发 xff0c 可以对Python原生代码进行CPU和GPU加速 Numba对NumPy数组和函数非常友好 解释器可以参考第四
  • 目标检测中算法评价指标FPS

    一 FPS 每秒传输帧数 Frames Per Second 是什么 FPS就是目标网络每秒可以处理 xff08 检测 xff09 多少帧 多少张图片 FPS简单来理解就是图像的刷新频率 xff0c 也就是每秒多少帧 假设目标检测网络处理1
  • pytorch版本对计算能力的要求

    一 pytorch对计算能力要求 首先查看pytorch是否可用cuda完整流程应该是先查看是否在当前环境下的python In span class token punctuation span span class token numb
  • 在VS2013中配置boost_1_58_0过程和遇到的的问题

    Boost是为C 43 43 语言标准库提供扩展的一些C 43 43 程序库的总称 Boost库是一个可移植 提供源代码的C 43 43 库 xff0c 作为标准库的后备 xff0c 是C 43 43 标准化进程的开发引擎之一 xff0c
  • C语言学习专栏(1):易忘点

    C语言学习专栏系列 xff1a 版权申明 未经博主同意 xff0c 谢绝转载 xff01 xff08 请尊重原创 xff0c 博主保留追究权 xff09 xff1b 本博客的内容来自于 xff1a C语言学习专栏 xff08 1 xff09
  • git如何配置模板文件

    git如何创建模板文件 创建xxx template文件 xff0c 其内容为团队制定的Git提交注释规范 xff0c 如 xff1a Desgraption Date Author 通过git config命令配置commit templ
  • iOS很坑的error:

    iOS错误如下 error using bridging headers with module interfaces is unsupported 仔细看好错误类型 xff0c 是关于swift混合编译问题 解决办法 完美解决 xff0c
  • 使用Hexo搭建个人博客,绑定GitHub以及个人域名

    文章目录 前言安装Git安装Nodejs安装Hexo创建一个根目录安装Hexo验证安装是否成功初始化网址安装网址依赖开启本地服务 托管到Git配置git的SSH在github上配置秘钥 托管到GitHub配置仓库地址hexo安装部署的命令验