0%

使用hexo + GitHub搭建个人博客

1.安装Git

https://git-scm.com/download/win

2.连接github

右键 -> Git Bash here -> 设置用户名和邮箱

1
2
git config --global user.name "GitHub 用户名"
git config --global user.email "GitHub 邮箱"

查看用户名和邮箱地址

1
2
git config user.name
git config user.email

创建密钥
输入ssh-keygen -t rsa -C "GitHub 邮箱"一路回车
出现下图即为成功

添加密钥
进入 [C:\Users\用户名.ssh] 目录(要勾选显示“隐藏的项目”),用记事本打开公钥 id_rsa.pub 文件并复制里面的内容。

登陆 GitHub ,进入 Settings 页面,选择左边栏的 SSH and GPG keys,点击 New SSH key。

Title 随便取个名字,粘贴复制的 id_rsa.pub 内容到 Key 中,点击 Add SSH key 完成添加。

验证连接
打开 Git Bash,输入ssh -T git@github.com出现 “Are you sure……”,输入 yes 回车确认。

显示 “Hi xxx! You've successfully……” 即连接成功。

3.创建Github Pages

github创建仓库

仓库名必须是:<用户名>.github.io

4.本地安装hexo博客程序

创建文件

创建一个存放博客文件的文件夹(注意:不能使用init进行初始化)
使用阿里巴巴的npm服务 并下载博客生成器
由于下载速度过慢,可以使用阿里巴巴的npm服务

1
npm install -g cnpm --registry=https://registry.npm.taobao.org

安装博客生成程序

1
npm install -g hexo

5.配置hexo

初始化Hexo

1
hexo init

将github博客绑定到本地仓库

本地仓库中_config.yml文件中最底部改为
type: git
repo: https://github.com/用户名/用户名.github.io.git
branch: master

电脑本地查看
hexo server

浏览器输入本地访问地址http://localhost:4000

6.绑定域名(可选)

绑定域名到hexo博客

进入本地博客文件夹的 source 目录,打开记事本,里面输入自己的域名,如 http://www.example.com,保存名称为 “CNAME”,格式为 “所有文件”(无 .txt 后缀)。

清除缓存等文件并重新发布网站:

1
2
3
hexo clean   # 清除缓存文件等
hexo g # 生成页面
hexo s # 启动预览

开启HTTPS

7.使用

发布文章

本地博客文件夹,右键 Git Bash Here,创建文章

1
hexo new "文章标题"

此时你的博客文件夹中,source/_posts中会出现你创建的文章

文章写完之后输入下面代码部署到Github Pages上完成发布。以后每次写完文章都是这两条命令

1
2
hexo g  #生成页面
hexo d #部署发布

也可以创建一个bat文件,每次写完文章之后运行文件,自动部署

1
2
hexo clean && hexo g && hexo d  #前一个命令执行完了再执行后一个命令
pause #如果部署错误,让我看到错误信息

8.网站设置

包括网站名称、描述、作者、链接样式等,全部在网站目录下的 _config.yml 文件中,参考官方文档按需要编辑。

注意:冒号后要加一个空格!

9.主题更换

hexo主题官网选择一个喜欢的主题,比如next,进入网站目录打开Git Bash进行主题下载:

1
git clone https://github.com/iissnan/hexo-theme-next themes/next

然后修改 _config.yml 中的 theme 为新主题名称 next,发布。(有的主题需要将 _config.yml 替换为主题自带的,参考主题说明。)

10.常用命令

1
2
3
4
5
6
7
8
hexo new "name"       # 新建文章
hexo new page "name" # 新建页面
hexo g # 生成页面
hexo d # 部署
hexo g -d # 生成页面并部署
hexo s # 本地预览
hexo clean # 清除缓存和已生成的静态文件
hexo help # 帮助
-------------本文结束感谢您的阅读-------------
坚持原创技术分享,您的支持将鼓励我继续创作!