hexo+github搭建一个属于自己的博客
前言
作为一个一直追随大佬脚步的小菜鸟,一直都想有一个属于自己的博客,但是一直没有付诸行动(主要是不会),但是偶然的一天看到一篇公众号文章标题大概是这样“十分钟带你搭建一个博客”嗯就是这样一个标题激起了我心中的博客之念想,开始蠢蠢欲动跟着步骤来开始了我的踩坑之路。
一、准备工作
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
(注意type
和git
之间一点要有空格)
然后就可以部署到github
上去,输入如下命令
hexo d复制代码
四、主题配置
你可能对默认的主题很不满意,你可以去hexo的主题库去挑选,下载的话建议直接点进github克隆主题仓库下载快一点,下载好之后将文件解压把文件发在theme这个文件夹里,然后点进根目录也就是刚才的**blog
文件下的站点配置文件--config.yml
里找到theme
在后面修改为你刚刚下载的主题文件夹名
(也要注意theme和主题名之间的空格)**
作者:前端卷起来
链接:https://juejin.cn/post/7025984195667165215