hexo搭建自己的博客系统

来瓶二锅头00
348 阅读2分钟

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第28天，点击查看活动详情。

一直觉得每个技术都需要一个总结，有很多方式进行总结,因此找一个方法去保存自己的经验是必须的。这章，我们看看如何基于github+hexo搭建自己的博客系统

第一步：安装hexo

  1. 任意位置点击鼠标右键，选择Git Bash

image.png 2. 安装hexo 输入命令：

npm install -g hexo

然后回车键，然后就不用管了，去倒杯茶回来就好了。有警告，不去管就行了

image.png

image.png 3. 验证是否安装成功，输入hexo -v，将会看到以下信息

image.png

第二步：创建文件夹

  1. 在自己所需要的位置建立文件夹，例如创建blog

image.png 2. 进入blog文件，右键运行Git Bash，输入命令：hexo init。

image.png 这个过程可能时间有点长，这个时候可以去上个洗手间活动下，然后你就会在文件夹中发现以下文件

image.png 3. 修改_config.yml,进行基础配置

image.png 4. 本地预览命令，进入blog文件夹，点击鼠标右键，选择Git Bash 分别输入 hexo g 和hexo s ,就会发现发布成功了，然后输入http://localhost:4000 就会发现博客

第三步：搭建GitHub博客

  1. 新建仓库，新建一个名为 你的名字.github.io的仓库，比如说，你的github用户名是king,那么你就需要建立一个king.github.io(必须是你的用户名，否则无效)，以后你的网站访问的网址就是king.github.io

image.png 2. 配置SSH Key,为什么要配置这个东西呢？原因很简单，因为你提交代码的时候需要权限，但是直接使用用户名和密码太不安全了，所以我们就需要配置这个东西来解决权限问题,然后点击鼠标右键，点击Git Bash

$ cd ~/. ssh #检查本机已存在的ssh密钥

输入命令

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

连续几次回车，让你输入东西可以忽略，然后最终会在用户的目录下生成一个.ssh的文件夹，打开用户目录，我的在C:\Users\admin下面，找到.ssh\id_rsa.pub文件，记事本打开并复制里面的内容，打开你的github主页，进入个人设置 -> SSH and GPG keys -> New SSH key：

image.png 测试是否成功

$ ssh -T git@github.com # 注意邮箱地址不用改

如果提示Are you sure you want to continue connecting (yes/no)?，输入yes，然后会看到： Hi liuxianan! You’ve successfully authenticated, but GitHub does not provide shell access. 那么恭喜你，配置成功。

第四步：与hexo相连

  1. 进入你的博客文件夹，配置_config.yml中有关deploy的部分：
deploy:
  type: git
  repository: git@github.com:king/king.github.io.git
  branch: master

第五步：发布

进入文件夹，点击鼠标右键，选择Git Bash,输入以下内容

npm install hexo-deployer-git --save

然后输入hexo g 生成博客，然后输入hexo d稍等一会就会成功了，然后进入你的博客地址，你就会发现看到你的博客啦

image.png

avatar
文章
阅读
粉丝