搭建博客
配置环境
配置搭建Hexo
所需要的本地环境,包括Git
、Node.js
和Hexo
本身。
安装Git
需要Git把本地博客提交到GitHub上,如果已经安装了Git,可以跳过这一步。
安装Nodejs
因为Hexo是基于Nodejs的,所以要先安装Nodejs。
Linux安装命令:
这里的命令安装的是16版本。
1 | mkdir /opt |
由于npm速度较慢,国内建议使用pnpm
换源:
1 | //查看源 |
安装Hexo
配置博客
初始化博客
1 | hexo init blog |
这里的blog用来存放博客文件
执行完成之后运行hexo server
,访问http://IP:4000就能看见你的博客了
修改配置文件
创建完成后,目录结构如下
blog/
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes
网站的配置文件是_config.yml
,你可以在里面设置网站的大部分信息。
主要的配置项:
参数 | 描述 |
---|---|
title | 网站标题 |
subtitle | 网站副标题 |
author | 网站作者 |
url | 网址,必须用http/https开头 |
permalink | 具体参考这里 |
其他的配置项也可以参考这里
新建文章
使用hexo new 'Hello world'
可以在sources/_posts生成一个Hello-world.md的文件,在这个文件里就能写文章了。
上传博客到GitHub Pages搭建博客
连接GitHub
以下的username均改成你的GitHub用户名
1.执行ssh-keygen –t rsa
生成秘钥
2.使用cat ~/.ssh/id_rsa.pub
拿到公钥
3.复制上一步拿到的公钥,并在Github提交你的公钥
4.在Github创建一个名为username.github.io
的仓库
5.在blog
目录输入
1 | git init |
6.再输入npm install hexo-deployer-git --save
或者pnpm add hexo-deployer-git --save
安装hexo-deployer-git
7.修改配置文件_config.yml
,在底部追加以下内容
1 | deploy: |
8.执行 执行 hexo clean && hexo d -g
即可生成网站文件并自动推送到github
9.打开username.github.io
仓库的settings
,转到Pages
项,将Branch
设置为gh_pages
,保存。
10.此时浏览器打开https://username.github.io
即可访问你的博客!