首页 > 编程知识 正文

使用hexo搭建个人博客教程(docker搭建博客)

时间:2023-05-05 12:27:15 阅读:68159 作者:125

文章前言安装Git安装Nodejs安装Hexo创建根目录安装Hexo验证安装验证网址初始化是否成功安装网址验证本地服务在Git配置Git中打开主机配置并托管在github配置仓库地址的Hexo安装部署的命令验证配置验证自己的域名购买域名github绑定域名Hexo配置域名仓库绑定域名Https

前言

关于Hexo博客的构建,internet上的很多教程都是旧版本,因此如果与新版本不匹配,安装或删除可能会很难再试一次

文章基于windows10系统开始创建属于自己的博客。 从本地启动到部署到github,再到自己的域名

效果如下。 这是我做的Hexo博客。 https://赵墅朝. top

此次构建使用的软件和工具: Git、node.js、GitHub、Hexo

要安装Git,请单击Git官方网站下载相应版本

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

接下来下一步就可以了

安装完成后,在cmd控制台上运行git,如果显示较大的内容,则可以

安装Nodejs下载地址: node.js下载地址

(Node.js的版本必须为10.13或更高,建议使用Node.js 12.0或更高版本。)

node.js的安装很简单,但这里不演示。 基本上就这样进行下一步就可以了。 node.js会自动放置环境变量

安装时,如果在cmd中输入“node -v”和“npm -v”的版本号,表示安装成功。 安装后最好重新启动。

node.js安装教程

Hexo官方文档安装: Hexo

创建并安装根目录的上一个git和nodejs后,可以安装hexo博客框架。

首先创建文件夹。 我的名字是博客。 此文件夹随后将用于保存您创建的博客的所有文件。 此文件也称为根目录。 我已经安装了,里面有内容

在hexo//gitbase上运行npm install -g hexo-cli,直到安装完成

验证安装是否成功完成。 请输入hexo -v#显示版本号

初始化网址NPM安装的步骤需要等待一会儿

开始博客with hexo表示初始化成功

安装位置的URL依赖于npm install,Blog根目录中会显示几个文件夹。 在Hexo安装演示的照片中显示

因为设置了主题,所以在目录中增加了文件

节点_ modules :依赖软件包

公共:存储生成的页面

source :用来保存你的文章

主题:主题

_config.yml:博客配置文件

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

运行结果只要提示running就可以了

通过在浏览器中输入网址http://localhost:4000,可以查看本地博客页面

绝对不能托管在Git上,让别人访问我们的博客并在本地运行

在此,您首先选择托管在github上。 github具有git pages功能,在发送代码时会自动生成网络地址并可供使用

虽然也有git pages功能代码云,但不巧的是,该时间代码云的git pages正在维护中,长达3个月

首先登录我们的github,然后单击New repository

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

仓库选公共的就行了

这里已经有这个仓库了,这让我想起了我在this account上的退出

要为git配置SSH,必须在每次部署之前输入github帐户密码,否则会很麻烦

返回根目录下的git bash窗口并运行

git config-- global user.name ' your name '/your name你的github用户名git config-- global user.email ' your email '/your emamare

gitconfiguser.namegitconfiguser.email http://www.Sina.com /

sh-keygen-trsa-c ' your email '//your email填写您的github电子邮件地址并运行此命令时,将提示您保存密码和密码并确认密码。 你

连续按三次Enter就好

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

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

在github上配置秘钥

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

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

测试我们的秘钥配置

ssh -T git@github.com

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

托管到GitHub 配置仓库地址

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

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

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

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

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

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

部署到自己的域名

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

购买域名

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

Github绑定域名

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

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

第一个

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

第二个

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

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

Hexo配置域名

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

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

仓库绑定域名

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

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

Https

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

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

大功告成

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

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

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。