Hexo+码云快速搭建个人博客教程

451 阅读3分钟

Hexo+码云快速搭建个人博客教程

前言

我之前曾受高人指点,了解到了hexo这个东东,还用github+hexo搭建过next主题的博客,不过访问速度实在是不忍直视,连我自己都嫌弃。直到后来接触到了一些大佬的博客,瞬间觉得自己博客很low,于是决定推倒一切,重新来过。

  1. 配置环境

在搭建个人博客之前,你必须先具备以下条件:

  • 一个码云的账号
  • 安装了node.js, npm,并了解基础操作
  • 安装git for windows 本人使用环境为:
    • windows10x64
    • node-v12.14.0-x64
    • git-2.24
    • hexo-4.1
  1. 创建仓库

新建一个名为你的用户名.gitee.io的仓库,比如说,如果说你的码云用户名是blog,那么你就新建blog.gitee.io 的仓库(必须是你的用户名,其它名称无效),那么将来你的网站访问地址就是http://blog.gitee.io了。

3.配置SSH key

当我们提交博客代码时肯定是需要你的gitee权限才可以的,一共有两种常见的连接方式,一个是https链接,一个是SSH,不过https有个缺陷,就是每次提交都要输入密码,我人懒怕麻烦,为了方便起见在这里我们使用ssh key来解决本地和服务器的连接问题。

cd ~/. ssh #检查本机是否存在ssh密钥

如果提示:No such file or directory 说明你是第一次使用git ,那就直接下一步。

ssh-keygen -t rsa -C "你的邮件地址"

然后连续3次回车,最终会生成一个文件在用户目录下,打开用户目录,找到.ssh\id_rsa.pub文件,记事本打开并复制里面的内容,打开你的码云主页,进入设置 -> 安全设置->SSH公钥->添加公钥 :将刚复制的内容粘贴到公钥那里,标题随便填,保存。

为了保险起见,需要测试一下: ssh -T git@gitee.com

如果提示Are you sure you want to continue connecting (yes/no)?,输入yes,然后会看到:

Hi blog! You've successfully authenticated, but GITEE.COM does not provide shell access.

看到这个信息说明SSH已配置成功!

此时你还需要配置:

git config --global user.name "你的gitee用户名"

git config --global user.email "xxx@qq.com" 你的gitee注册邮箱

这个全局配置也很重要,不然后面会出错。

  1. 搭建博客

温馨提示:

推荐所有命令都要用gitbash完成,这是为了避免不必要的问题。

hexo有2种_config.yml文件,一个是根目录下的全局的_config.yml,一个是各个theme下的_config.yml,注意区分。

开始搭建:

在电脑的某个地方新建一个名为blog的文件夹(名字可以随便取),比如我的是E:\blog,由于这个文件夹是你存放博客代码的地方,所以最好不要随便放。

选择blog文件夹右键打开git bash here 开始安装npm npm install -g hexo

初始化 hexo init hexo会自动下载一些文件到这个目录,包括node_modules等

随后进入根目录下的全局的_config.yml,修改部分代码:

deploy:

type: git

repository: git@gitee.com:你的gitee用户名/你的gitee用户名.git

branch: master

保存退出之后,还需要安装一个插件:

npm install hexo-deployer-git --save

下载完之后直接hexo三连 :

hexo clean 清除缓存

hexo g 生成静态网页文件

hexo d 上传到gitee的仓库

如果不出意外的话打开http://你的gitee用户名.gitee.io 就能够看到效果了!