Github +HEXO搭建个人博客

前言

搭建博客查看了很多教程,从这些教程中获益良多,但还是浪费了很多时间,整理下就凑够了我的第一篇博客,希望可以帮助那些急需搭建个人博客的人。自己目前能做到的就是收集和整理前辈们的经验,把它写下来的主要目的是为了给自己做个总结,并且留个底,方便以后查看。做得简陋,请多多包涵。

准备工作

1、github账号一个
到官网:https://github.com注册
2、node.js
官网:https://nodejs.org/zh-cn/ 下载最新版
3、git
官网:https://git-scm.com/ 下载最新版

环境安装

安装git
一路next到安装完毕,保持默认选项
安装nodejs
一路next到安装完毕,保持默认选项

初始化博客

1、安装hexo

win+r,打开运行,输入cmd

命令:

1
2
npm install -g cnpm --registry=https://registry.npm.taobao.org           #安装淘宝镜像
cnpm install -g hexo #安装hexo博客生成系统

2、初始化

新建空文件夹,在该文件夹路径下打开cmd(在搜索框的左边,点击空白区域,输入cmd,回车)
命令:

1
2
3
hexo init                 #初始化博客系统,耐心等待
hexo generate #生成博客网页
hexo server #开启博客本地测试服务器

3、测试是否成功

若运行成功,在浏览器网址栏中搜索cmd生成的网址(http://localhost:4000),打开会看到hexo默认网页。

4、部署到GitHub

打开GitBash,在文件资源管理器中右击鼠标就能找到。

(1)github远程登录

命令:

1
2
3
4
5
git config --global user.email "注册github用的邮箱“
git config --global user.name "注册github的用户名"
ssh-keygen -t rsa -C "注册github用的邮箱" #上传登录密钥
#注:之后有很多地方等待输入,直接回车。
cat `find /c/Users/ -name*.pub`

注:find前面`的符号,是Tab键上方的键。
将公钥(ssh-rsa)都复制下来

Github打开个人用户设置,找到SSH and GPG,创建新的SSH Keys,起名,粘贴公钥,添加。

测试是否成功

命令:

1
ssh -T git@github.com 

中途会停下来,输入yes

若看到github用户名出现,就成功了。

创建仓库(Create repository)

创建一个仓库名为你的用户名后面加.github.io的仓库,不然无法访问。

然后复制仓库地址,修改博客配置文件。

修改配置文件

打开之前创建的文件夹在hexo里找到配置文件,_config.yml,使用编辑器打开(推荐使用notepad++)

1
2
3
4
5
6
7
8
9
10
11
title: #网站标题
subtitle:#网站副标题
author: #作者
language:zh-CN #语言
timezone:‘Asia/Shanghai' #时区
url:https://yl1010code.github.io #仓库名,前面是https
deploy:
type: git
repo: git@github.com:yl1010code/yl1010code.github.io.git #粘贴你复制的仓库地址
branch: master
theme:#hexo的主题

注:所有冒号后面都要有空格。

必须的命令

1
2
3
4
进入初始化的文件夹内,在hexo文件夹内右击鼠标,打开GitBash,输入的命令才有效
hexo clean #清除缓存
hexo generate #生成博客网页
hexo deploy #部署网页到github上面

常用命令

1
2
3
4
5
6
7
8
9
hexo new "title" #新建文章(md文件),title为文章的标题
hexo new page "pagename" #新建网页,pagename为网页的名称
hexo clean #清除部署的緩存
hexo n == hexo new #新建一篇文章
hexo g == hexo generate #生成静态页面
hexo s == hexo server #本地部署,可预览网站,默认端口为4000,浏览器输入localhost:4000即可进入网站进行预览,回到git-bash按ctrl+c退出预览(退出后localhost:4000失效)
hexo d == hexo deploy #将网站部署到GitHub
hexo g -d #生成页面并部署到GitHub
hexo g -s #生成页面并本地部署进行预览

结语

在hexo官网进行下载想要的主题:https://hexo.io/zh-cn

hexo官方文档:https://hexo.io/zh-cn/docs/writing

注:因为GitHub是外国网站,国内访问速度比较慢,可以把博客部署到gitee上面。

注:GitHub和gitee的公钥可以共用。