文章目录
1. 简介
hexo+github搭建的博客优势有:
1. 交给Git服务器托管省去服务器费用
2. 省去自己开发成本,模板样式多(比较花哨)
3. 简单易用、基本满足学校需要
整体搭建成功的工具:windows环境+git+node.js+hexo
2. github仓库构建和git配置
2.1 安装git
去github官网注册一个账号,再下载一个git管理工具。git工具下载
2.2 配置git(针对第一次使用)
下载后需要配置一下git才能管理github项目。
先配置用户名与邮箱
- git config --global user.name “你的用户名”
- git config --global user.email “你的邮箱”
配置一下ssh密匙(没有配置git环境之前,~/.ssh是没有的)
- cd ~/.ssh
使用ssh-keygen生成私钥和公钥
- ssh-keygen -t rsa -C “上面设定的邮箱”
注意这个密匙保存的位置,后面要用的。例如我的在c/Users/lfb/路径下。
- Your identification has been saved in /c/Users/lfb/.ssh/id_rsa.
- Your public key has been saved in /c/Users/lfb/.ssh/id_rsa.pub.
把本地公钥添加到github中
在GitHub中,点击右侧图像下拉选项,选择“Settings”,在“SSH and GPG keys”中,点击“New SSH key”,并将~/.ssh/id_rsa.pub文件里的内容复制上去,保存退出;
使用“ssh -T git@github.com”命令,测试添加ssh是否成功;
ssh -T git@github.com
......
Hi lfb637! You've successfully authenticated, but GitHub does not provide shell access.
2.3 创建github仓库
打开GitHub,点击“New repository”,创建一个新仓库;仓库名要按照格式:“项目名”.github.io(一定要标注.github.io),比如我的:myblog.github.io;否则,后边的操作会出现问题;创建仓库时勾选上“Initialize this repository with a README”;
进入创建好的仓库myblog.github.io,点击右侧的“Settings”,向下拉找到Github Pages,会看到默认网址:https://myblog.github.io/ 。这 个网址是可以访问的。这时这个博客项目已经部署到git服务器上了,但是个空的网站,没有内容。后面讲解绑定自己购买的域名。
3. node.js安装和环境配置
3.1 下载及安装
由于hexo基于nodejs,所以在使用hexo之前需要安装nodejs。依照自己环境下载对应版本,我下载的是node-v12.18.1-x64.msi版本。nodejs下载
3.2 环境配置
环境配置我就不详细说了,可以参考这个链接。nodejs环境安装。 建议按文章设置下全局环境。减少系统盘存储空间(后面博客中hexo下载的文件默认都是在系统盘)
你可能会碰到这种情况在使用npm时在终端(cmd)可以,但在git工具的gitbash中失败,这种情况建议直接用终端即可。
4. Hexo安装及配置
4.1 安装Hexo
先建立一个文件j夹(用来存放所有博客的东西),然后cd到该文件夹下。
下载hexo:
- npm install hexo -g
查看下版本,检查hexo是否安装成功
- hexo -v
4.2 初始化Hexo文件夹
- hexo init
若看到“Start blogging with Hexo!”,代表初始化完成。Hexo文件夹有:
4.3 Hexo部署操作
- hexo clean #清理下文件
- hexo g #generate 生成静态文件
- hexo s #server 启动服务(默认网址: http://localhost:4000/)
启动服务再浏览器输入http://localhost:4000/,若出现下面这个页面则博客建立成功。
4.4 将git库和hexo链接
配置Deployment
在创建的博客文件夹中(我的:d:/myblog),找到_config.yml文件,在末尾的**deploy:**处添加下面信息
- deploy:
- type: git
- repository: git@github.com:lfb637(github用户名)/myblog.github.io(项目名)
- branch:master
将博客部署到git,需要安装hexo-deployer-git插件,在blog目录下运行以下命令进行安装;
- npm install hexo-deployer-git --save
注意:修改根目录下_config.yml文件后,需要使用重新部署一下,否则修改内容不会生效;
- hexo clean
- hexo g
- hexo d
或clean后直接(生成并提交到git):
- hexo g -d
创建成功后,会在博客文件夹中的source/_posts/目录生成一个hello-world.md文件;
至此Hexo+Github博客已建立。
5. 绑定域名
首先以购买域名,实名认证、域名备案为前提。
解决完上述问题之后,打开域名控制台,设置域名解析,添加两个CNAME解析,主机记录分别为www和@,记录值都是项目名称xxx.github.io
完成后,在git项目页面点击setting,下拉找到custom domain,将其值设置为你的域名,点击保存即可。
6. 更换主题
参考博客:更换主题
注意:该文章里面写的在根文件夹中修改主题有误,应该是在配置文件_config.yml中改成这样: