Hexo+Github博客搭建教程
博客基于Hexo。Hexo是高效的静态网站生成框架,它基于Node.js,快速,简单且功能强大,是搭建博客的首选框架。
- 搭建Hexo
- 安装git:
- 为了把本地的网页文件上传到github上面去,需要用到工具———Git[下载地址]。Git是目前世界上最先进的分布式版本控制系统,可以有效、高速的处理从很小到非常大的项目版本管理。Git教程(学习教程,不是安装教程)
- 安装完成后在命令提示符中输入
git --version
来查看一下版本验证是否安装成功
- 安装node.js:Hexo是基于node.js编写的,所以需要安装一下node.js和里面的npm工具。
- 官网下载 node.js官网
- 这里要特别注意,这里的环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为以后在执行类似:npm install express [-g] (后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间。 安装的文件夹【D:\nodejs】下创建两个文件夹【node_global】及【node_cache】
- 安装时有个问题在下面会提到
- 打开命令行终端,输入:
node-v
、npm-v
检查是否安装成功
- 安装Hexo
- 创建一个文件夹来存放自己的博客文件,然后cd到这个文件夹下面,或者在这个文件夹下面直接右击 git bash打开
- 输入
npm install -g hexo-cli
安装hexo - 完成后
hexo -v
验证是否成功 - 遇到的问题 :使用npm安装时是全局安装,所以在上面安装node时需要特别注意配置环境变量;我在环境变量配置了使用nvm的node.js的位置,但是却没有将全模块所在路径和缓存路径放在我node.js安装的文件夹中,所以就会报错;‘hexo’ 不是内部或外部命令,也不是可运行的程序
- 初始化:接下来初始化一下hexo,即初始化我们的网站,进入我们主题根目录Hexo,输入
hexo init
初始化文件夹 - 输入hexo g生成静态网页,然后输入hexo s打开本地服务器,按ctrl+c关闭本地服务器.
- 注册github创建个人账号
- 打开https://github.com/,新建一个项目仓库New repository,如下所示;存储库要按照下面这个格式只有这样,将来要部署到GitHub page的时候,才会被识别
- 生成SSH添加到gitHub上
- 第一次使用git后需要将用户名和邮箱初始化,在之前存放博客创建的文件夹中,右键打开 git bash输入
git config -- global user.name "yourname" git config -- global user.email "email"
- 用下面的语句检查一下:
git config user.name git config user.email
- 然后创建ssh:ssh,简单来讲,就是一个秘钥,其中,id_rsa是你这台电脑的私人秘钥,不能给别人看的,id_rsa.pub是公共秘钥,可以随便给别人看。把这个公钥放在GitHub上,这样当你链接GitHub自己的账户时,它就会根据公钥匹配你的私钥,当能够相互匹配时,才能够顺利的通过git上传你的文件到GitHub上
ssh-keygen -t rsa -C "youremail"
自己git的邮箱,一直回车- 这个时候生成了.ssh文件。在电脑中找到,或者git bash中输入
cat ~/.ssh/id_rsa.pub
- 打开github,在头像下面点击settings,再点击SSH and GPG keys,新建一个SSH,名字随便取一个都可以,把你的id_rsa.pub里面的信息复制进去。
- 在git bash输入
ssh -T git@github.com
,出现你的用户名,那就成功了
- 将hexo部署到github上
- 将hexo和GitHub关联起来,也就是将hexo生成的文章部署到GitHub上,打开博客根目录下的_config.yml文件,这是博客的配置文件,在这里你可以修改与博客配置相关的各种信息。修改最后一行的配置
- 其中
hexo clean
清除了之前生成的东西,也可以不加。hexo generate
生成静态文章,可以用hexo g
缩写 ,hexo deploy
部署文章,可以用hexo d
缩写 - 过一会儿就可以在
http://yourname.github.io
这个网站看到博客了
- 安装git:
Hexo+Github博客搭建教程
http://example.com/2022/11/03/陈佳乐的第一个博客/