hexo和gitee建立自己的博客

发表于

使用hexo和gitee建立博客

使用Hexo 建立网站，然后把网站部署到gitee中

gitee

  1. 新建一个仓库，仓库名和gitee名字一样（不一样也行，只是后面要配置多一点），其他默认，比如：https://gitee.com/lishushuai/lishushuai

image-20210222162017066

  1. 创建好仓库后在仓库的服务 –》 Gitee Pages下可以部署自己的博客

git配置

  • 生成 sshkey:

    1
    ssh-keygen -t rsa -C "xxxxx@xxxxx.com"

  • （这里的 xxxxx@xxxxx.com 只是生成的 sshkey 的名称，并不约束或要求具体命名为某个邮箱。）按照提示完成三次回车，即可生成 ssh key。通过查看 ~/.ssh/id_rsa.pub 文件内容，获取到你的 public key

    1
    cat ~/.ssh/id_rsa.pub

  • 复制生成后的 ssh key，通过仓库主页 「管理」->「部署公钥管理」->「添加部署公钥」 ，添加生成的 public key 添加到仓库中。

image-20210222163837110

  • 添加后，在终端（Terminal）中输入

    1
    ssh -T git@gitee.com

    首次使用需要确认并添加主机到本机SSH可信列表。若返回 Hi XXX! You've successfully authenticated, but Gitee.com does not provide shell access. 内容，则证明添加成功。

hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。官网

安装hexo

可以看官网的步骤，详细一点

下面是我自己安装步骤（已经安装了git），使用windows下的wsl（ubuntu）：

  1. 安装node npm
1
sudo apt install nodejs npm
  1. 安装hexo
1
npm install -g hexo-cli

建立网站

  • 在指定文件夹内，比如在blog文件夹内（以后博客内容什么的都在这里）
1
2
3
hexo init blog
cd blog
npm install

安装hexo主题

一个好看的博客好看的主题是少不了的

  • 这里我使用的主题是hexo-theme-matery
  • 安装，进入themes文件夹（主题文件夹放在这里）
1
git clone https://github.com/blinkfox/hexo-theme-matery.git
  • 下载好切换主题

修改_config.yml（博客目录下的，这里我的是blog目录下） 的 theme 的值：theme: hexo-theme-matery

  • 更多配置看主题文件夹下的README

预览博客

1
2
3
4
# 生成静态文件hexo generate
hexo g
# hexo server 启动服务器。默认情况下，访问网址为： http://localhost:4000/。
hexo s

绑定gitee

  • 修改**_config.yml**文件(在blog文件夹下)：
1
2
3
4
5
6
7
8
9
# 改deploy字段，git@gitee.com:lishushuai/lishushuai.git改成自己的
deploy:
  type: git
  repository: git@gitee.com:lishushuai/lishushuai.git
  bransh: master
  
# 改url（仓库名和gitee名称不一样的这里不一样，可以看gitee上的介绍：
url: https://lishushuai.gitee.io
root: /

推送博客到gitee

1
2
# 部署网站
hexo d
  • 出现Deployer not found: git，执行：
1
npm install hexo-deployer-git --save

部署自己的博客

  • 创建好仓库后在仓库的服务 –》 Gitee Pages下 –》更新（部署网站）

image-20210222164616327

  • 访问2的网址