GitPage+Hexo搭建博客

最新推荐文章于 2022-10-06 21:13:23 发布

wz_e18

最新推荐文章于 2022-10-06 21:13:23 发布

阅读量264

点赞数

分类专栏：个人博客文章标签： Hexo GitPage 个人博客

本文链接：https://blog.csdn.net/wz_e18/article/details/102882004

版权

2 篇文章 0 订阅

订阅专栏

记录了本博客搭建的详细过程，为之后的学习做一个备份。
参考文章:使用 Hexo+GitHub 搭建个人免费博客教程（小白向）

搭建环境：Windows 10

登录Github账号，在主页点击New repository新建一个仓库，仓库名格式为用户名.github.io。

接下来配置SSH密钥

点击头像，选择Settings，在SSH and GPG keys标签中点击New SSH key按钮，随便起一个名字，然后按以下步骤生成Key

打开CMD控制台输入

$ ssh-keygen -t rsa -C "你的GitHub注册邮箱"

默认所有选项（直接一路enter），如果之前生成过密钥会有是否覆盖的提示
进入C:\Users\(你的win用户名)\.ssh文件夹把id_rsa.pub文件中内容复制到Key中，点击提交按钮。至此Github账号配置完毕。

从Git官网下载安装包，使用默认选项安装。

打开Git Bash，输入以下代码，代码中替换上你的用户名和密码

$ git config --global user.name "GitHub用户名"
$ git config --global user.email "GitHub注册邮箱"

从Node.js官网下载安装包，使用默认选项安装。

到这里我们就可以安装我们的主角了
在Git Bash或Windows自带的控制台中

#配置国内镜像
$ npm config set registry https://registry.npm.taobao.org

$ npm install -g hexo-cli

下载速度挺慢的，另外如果在Git Bash中，则不显示安装进度，可以去喝杯咖啡

安装完成后在你要配置博客的位置打开控制台，下面的命令会在当前目录安装hexo

$ hexo init      # 初始化
$ npm install    # 安装组件

安装完成后，通过以下命令可以在本地搭建服务器，通过网址localhost:4000访问你的博客

$ hexo g	# 生成页面
$ hexo s	# 启动服务器

接下来就可以把博客部署在GitHub上了，首先安装工具

$ npm install hexo-deployer-git --save

修改博客根目录下的_config.yml文件结尾的Deployment 部分

deploy:
  type: git
  repository: git@github.com:github用户名/github用户名.github.io.git
  branch: master

完成后运行以下代码，把博客上传到GitHub Pages。

hexo d

至此，可以通过https://用户名.github.io访问你的Hexo博客了

如果要新建文章，在博客根目录

$ hexo new "My New Post"

然后 source 文件夹中会出现一个 My New Post.md 文件，也可以直接创建文件，内容格式如下

---
title: Hello World # 标题
date: 2019/3/26 hh:mm:ss # 时间
categories: # 分类
- Diary
tags: # 标签
- PS3
- Games
---

摘要
<!--more-->
正文

之后就可以使用 Markdown 编辑器在该文件中撰写文章了。这里我使用在线编辑器mdeditor。

下面是几个常用命令

$ hexo g	# 生成页面
$ hexo s	# 启动本地服务器，修改后刷新页面自动更新
$ hexo d    #自动生成网站静态文件，并部署到设定的仓库。hexo deploy的缩写

至此一个简单的Hexo搭建完成。
我们还可以通过使用主题来进一步提高我们博客的逼格。
这里我用的是Next主题。
主题安装非常简单，只需把文件保存到themes文件夹下，主题名的文件夹中，然后修改_config.yml文件中theme后面的值就可以完成配置。

关注