我本人完全是小白。都是在网上找教程搭建的。比较简单
这是成果小憩悠然

思路

hexo+github或者其他的hexo+gitee也行。

但是gitee普通用户需要手动更新。意思就是你传上去的文章,要在gitee pages更新一下,才能在自己的博客网站看到。所以我推荐用GitHub。

hexo你可以理解为提供一个模板给你,你可以在这个模板上写博客然后转化成网页。

GitHub就是把你的博客放到网上去

开始

第一步骤:安装git

git用来管理你的Hexo文章,将本地的博客上传至Github。到Git官网选择合适的版本下载,安装后会有一个Git Bash的命令行工具,之后用该工具操作Git。下载地址

在桌面右键选择Git Bash Here,输入下面的代码。检查是在否安装成功。正常显示版本号就可以了

git --version

安装Node.js

Hexo基于Node.js,所以需要安装Node.js及npm工具。可进入Node.js中文网下载,选择LTS(长期支持版本)即可。

检查是否安装成功:

node -v
npm -v

正常显示版本号,无报错即为安装成功。

然后我们就可安装hexo了

右键打开Git Bash,输入命令:

npm install -g hexo-cli

检查是否安装成功:

hexo -v

本地搭建博客

在电脑上新建一个专门用来存放你的博客的文件夹,如 F:\GitHubblog

在该文件夹下 右键-git bash here

hexo init  //在本地生成hexo模板

你可以看看模板了

Git Bash执行以下命令:

hexo -g
hexo server

启动hexo服务,访问http://localhost:4000即可看到生成的博客页面。使用Ctrl+C可关闭本地服务。

img


现在我们已经成功一大截了。之后就是把博客放到github上面去。

下面会有一点难度。注意看哟

GitHub上创建个人仓库

注册账号省略了。

注册完之后,你要创建一个仓库。就是下图这个。

guQzsx.png

注册仓库的时候要注意仓库名必须是:用户名.github.io。比如我的用户名是xqyr。那么我的仓库名就是xqyr.github.io

其他的默认就好

gulawT.md.png

配置SSH

之后就是让你的电脑知道你要把你的博客传到哪里去。方法就是配置SSH

打开Git Bash,输入以下命令,生成本地密钥。这里用户名和邮箱仅作演示,用户名为你Github的用户名,邮箱为你Github的邮箱。

git config --global user.name "muzihuaner"
git config --global user.email "xxxxxx@qq.com"

输入以下命令,检查输入是否正确:

git config user.name
git config user.email

确认无误后,输入以下命令,创建SSH:

ssh-keygen -t rsa -C "youremail"

无脑下一步即可

此时在用户文件夹下,已经生成了.ssh文件夹,在本地找到这个文件夹。

img

id_rsa是你这台电脑的私人秘钥,id_rsa.pub是公共秘钥。把公钥放在GitHub上,当你连接自己的Github账号时,它就会根据公钥匹配你的私钥,当能够相互匹配时,才能够顺利的通过Git上传你的文件到GitHub上。

在Github的设置中,找到SSH and GPG keys,新建SSH Key,以文本方式打开id_rsa.pub文件,将内容复制到Key,标题随便起,添加Key。

img

现在我们相当于把钥匙做好了。我把做好的钥匙给hexo

部署代码到Github

打开本地博客文件夹配置文件_config.yml,拉到最底部,找到deploy字段,按如下格式修改其内容:

deploy:
type: git
repository: git@github.com:muzihuaner/muzihuaner.github.io.git
branch: main
Copy

其中repo字段可在Github获取:

image-20210219195740908

回到Git Bash,安装deploy-git ,用于使用命令部署到Github。

npm install hexo-deployer-git --save

然后执行:

hexo clean	//可省略
hexo generate
hexo deploy

出现下图所示说明部署成功,此时代码已同步至Github。

image-20210219201138121

image-20210219201138121

image-20210219201209648

大功告成。现在你可以在网上看到你的博客网站了。打开网址http://yourname.github.io就可以看到Hexo博客了。

下次我们来聊聊怎么绑定免费域名,如何配置网页主题,怎么写博客,传上去。

最后欢迎大家进我的博客https://xqyr.ml看看。