文章前言安装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证书
在这里就不展开说明了,按照提示操作即可。
大功告成绑定自己的域名耐心等待几分钟访问自己的域名即可!
下一篇我们讲解主题更换以及发布文章!