搭建属于自己的hexo博客(2020最新教程)

前言

搭建属于自己的blog

即使对于小白来说

并不是入门门槛很高的存在

搭建过程只需要安装几个辅助的软件

再用他们执行几个命令

不需要20分钟你的blog即可出现在你的网络上

开始教程

下面是搭建的框架,细节操作如果不明白的

点我观看教学视频

或打开侧栏站点概览的中的bilibili连接即可观看教学视频


首先,我们需要安装3个软件:

nodejs:下载左边的稳定版本点我下载

git for windows:点我下载

Sublime Text3: 点我下载

如果没有梯子请下载下面下载好的百度云安装包

百度云安装包链接: 点我下载

提取码: 2333

使用百度云的同学注意喽,给大家推荐一个软件Pandown

通过这个软件打开你的百度云,不管下载什么东西都不会限速

再也不用担心下载资源一下午的无奈感了

大家可以通过下面的二维码进入公众号 输入:pan

Bet科技

领取软件下载安装


咳咳回归正题!!

我們首先需要創建一個github账户

进入网站右上角点击 sign up

进入后依次輸入你的用戶名 邮箱 密码

(!!!!注意这边的用戶名請和下面的倉庫名一致,方便下面操作不混乱)

动态验证后选择左边的free

之后他會发送一个验证网址到你注册填写的邮箱中如图

登录你的邮箱打開github給你发送的邮箱,点开给你发的链接完成验证

到此,关于github账户的注册就完成了


继续,我们验证完成后

他会提示你建立一個新的倉庫

如果没有提示在右上角头像下拉第二个选项打开创建仓库亦可

仓库格式固定为:用戶名.github.io

格式是固定的!!!

然後我們進入倉庫在裏面創建一個新的文件

文檔名字為:index.html

内容可以随意 如:

1
hello  world

接着我們就可以通過浏览器网址栏打開:倉庫名.github.io测试网址是否成功

進去網站后可能沒有那麽快生成,我們可以刷新一下網頁

耐心等待一分钟即可

刷新出来后你的網頁就會顯示: hello world 就是你刚刚创建的文件的内容

如图:

到此我们的github的网址(用户名.github.io)就可以正常使用了!!!


接下来就要开始让你的网址和你的电脑连接起来

这一步之前首先在你博客需要安装的盘里创建一个文件夹存放你的博客文件

如:E盘

使用cmd命令(win+r输入cmd)

我就需要cmd中输入 (shift+E+:)

就可以进入你的E盘

然后后台打开你的E盘创建一个名叫blog的文件夹

在cmd中继续输入 cd blog (cd 空格 blog)

接着我们就可以在上图的基础上在cmd中

我们依次输入下面的安装代码

下面代码可以直接复制到cmd使用(cmd中右键即可执行粘贴命令)

1
npm install hexo-cli -g

(xxx是你的博客的名字)如:betblog(bet+blog)的格式

1
hexo init xxxblog

进入你的博客目录

1
cd xxxblog

安装依赖

1
npm install

安裝git依賴

1
npm install hexo-deployer-git --save

本地运行看一下是不是你的博客页面能否run出来

1
hexo s

到此爲止我們已經可以在本地運行自己的網站了!

从浏览器中打开(复制即可) localhost:4000

然後我們就看到hexo默认的一个模板了!

!!!!到這裏我們的網站就已經成功生成了!

并且可以本地预先運行了


接着我們進行下一步操作,我們打開創建好的github账户

右上角点击头像下拉点击settings(設置settings)

然後我們可以在左邊的侧栏里看到 SSH and GPG keys

我们点击打开,点击后右上角會出現 New SSH keys 的字眼

此时我们把它放在一边先不理他

接著我們打開下載好的Git 文件夾在裏面找到git-bash這個程序

打开git-bash后依次执行下面命令(也可以桌面右击打开git-bash)

代码下面

1
git config --global user.name "xxx"

xxx是 = 你注冊github時的用戶名 如:bet 注意修改””中内容

1
git config --global user.email "此處填寫你綁定github的郵箱地址"

如QQ邮箱: “xxxxxxxx@qq.com

1
ssh-keygen -t rsa -C  "此處填你綁定github的郵箱地址"

输入这些以后,他会跳出来几个命令首先需要你确认一下

确认完成后依次对应为
1.输入你的用户名 (github的)
2.输入你的邮箱 (github的)
3.输入两次你的密码(密码输入时是不显示的)

出现这个就说明你的ssh更新好了


然後我們打開c盤 打開用戶 打開你當前使用的電腦用戶见图

你會找到叫ssh的一個文件夾打開他,選擇 .pub 格式的 “id_rsa”文件

然後複製ssh 到你的github 的 New SSH keys 中

然後我們打開Sublime Text 3 把我們的blog 中的 xxxblog文件夹

拖动到Sublime Text 3窗口中

我们打开最下面的 confing.yml文件 (见图

这边我们需要修改一下

deploy:
type: git
repository: 此处填写你的仓库地址
branch: master

仓库地址仓库面板中复制

如图

接着我们在text3按下ctrl+F 打开查找命令输入Url

我们把Url后面改为 https://用户名.gitHub.io

如图

url: https://betyc.github.io

到此为止我们ctrl + s 执行一下text3的保存命令

打开cmd命令依次输入

1
hexo clean

清理缓存

1
hexo g

部署

1
hexo d

上传仓库
这步命令会跳出这么一个弹窗我们填写自己github的用户名和密码即可

1
hexo s

本地端口运行

注意:

我们也可以同时使用: hexo cl && hexo g -d && hexo s

输入后他会跳出来一个弹窗

让你输入你的用户名和密码确定就行

然后就会提示你上传成功(没有跳出红色命令就表示一切正常)

然后我们打开网址 用户名.github.io

就可以看到我们的blog网页了!!!

此安装过程中有任何问题可以下方评论问题

大家也可以看一下我用github搭建的一个模型

bet blog

有任何问题可以下方评论联系我或关注微信公众号:Bet科技

公众号不定期更新一些实用的学习娱乐的网站和软件。

Bet科技

教程结束。

-------------本文结束感谢您的阅读-------------
0%