hexo+github搭建一个属于自己的博客

·  阅读 466
hexo+github搭建一个属于自己的博客

这是我参与11月更文挑战的第2天,活动详情查看:2021最后一次更文挑战

前言

作为一个一直追随大佬脚步的小菜鸟,一直都想有一个属于自己的博客,但是一直没有付诸行动(主要是不会),但是偶然的一天看到一篇公众号文章标题大概是这样“十分钟带你搭建一个博客”嗯就是这样一个标题激起了我心中的博客之念想,开始蠢蠢欲动跟着步骤来开始了我的踩坑之路。

一、准备工作

0.注册/登录一个GitHub账户,建立一个公开的仓库并且仓库名一定要是:用户名.github.io

1.下载node并配置好环境变量(我的第一个坑就是node没有配置环境变量)安装直接一直下一步即可

2.下载git配置好环境变量(如果不太了解可以看一下廖雪峰的教程

二、搭建过程

为git配置信息

window+r打开cmd打开终端配置git信息输入如下信息:

git config -g user.name "你的github用户名"
复制代码
git config -g user.emil "你注册github的邮箱"
复制代码

生成密钥

在终端输入如下命令:

ssh -keygen -t rda -C "你注册github的邮箱"
复制代码

之后不管内容三个回车即可

复制密钥并且粘贴到github

上面的密钥会生成到c盘的用户文件夹里面,如果找不到就在c盘搜索id_rsa.hub,然后打开把里面的内容都复制下来,登录到你的github点击右上角你头像,会出现一个下拉菜单找到setting,选择SSH and GPG keys,点击new ssh key,然后只需要把你复制的密钥粘贴上去即可,名字随意取。

此时可以来测试一下你的密钥是否配置成功 输入如下命令:

ssh -T git@github.com
复制代码

选择yes,如果看到...successfull..那就是成功了

hexo安装

hexo是一个集成的博客框架,可以快速根据主题生成静态网页

此时我们可以选择盘符新建一个空文件夹名为为blog,鼠标右键选择**git bach here** 安装hexo在里面执行如下语句:

npm i -g hexo-cil
复制代码

这里时间可能会久一点,因为是在外网下载,如果时间太久或者下载失败的话可以用淘宝的镜像下载 如下

npm i -g cnpm --registry=https:registry.npm.taobao.org
复制代码
cnpm i -g hexo-cil
复制代码
cnpm i hexo --save
复制代码

如果下载安装好了可以用hexo -v来查看如果看到版本信息就算安装成功如hexo-cil:4.1.0

初始化hexo

hexo init
复制代码

然后进入blog文件夹 如果你看到有source themes_config.yml等文件夹就说明你操作成功

在本地服务器上查看

hexo s
复制代码

接着打开浏览去器输入locahost:4000,就可以查看了,实际上这时候你的博客已经搭建成功了

嗯快一定的话网速好一点的话(最好是在科学上网的情况下)确实是十分钟,但是后面完善特别是我这种追求主题美观(花里胡哨)的人并且喜欢魔改主题又费了老大劲了,也是踩坑无数,主题魔改可单独一篇讲。

三、发布文章

发布一篇文章可以用命令

hexo new  <标题>
复制代码

但是强烈推荐里用Typora软件直接写拖到**soruce_posts文件夹里,这个文件夹是专门放你的博客文章的,但是只是放进去在网上还是不能看到你的文章,用命令生成网页在这之前最好先清理缓存**

hexo clean
复制代码
hexo g
复制代码

你可以先预览一下

hexo s
复制代码

和之前一样在浏览器上输入**locahost:4000**就可以看到你的文章

现在只是在本地能看到想要传到网上首先你需要在之前创建的**blog文件夹里面找到_config.yml这个站点配置文件**

打开滑倒最下面找到deploy下面的type后面写上git注意typegit之间一点要有空格

然后就可以部署github上去,输入如下命令

hexo d
复制代码

四、主题配置

你可能对默认的主题很不满意,你可以去hexo的主题库去挑选,下载的话建议直接点进github克隆主题仓库下载快一点,下载好之后将文件解压把文件发在theme这个文件夹里,然后点进根目录也就是刚才的**blog文件下的站点配置文件--config.yml里找到theme在后面修改为你刚刚下载的主题文件夹名(也要注意theme和主题名之间的空格)**

在这推荐几个功能完善好看的主题:nexT 极简风格yilia 简单优雅

还有我的博客是主题目前是matery 想看可以点这里

分类:
前端
标签:
分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改