Hexo+Github博客搭建教程

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

Hexo+Github博客搭建教程
http://example.com/2022/11/03/陈佳乐的第一个博客/
作者
陈佳乐
发布于
2022年11月3日
许可协议