欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Hexo+Github环境搭建个人博客

程序员文章站 2023-12-24 11:16:16
...

在这里简单介绍一下我们如何来搭建一个hexo博客,其实很简单,按照下面的步骤,几分钟就可以搞完。写这个一是为了方便自己随时搭建环境,二是为了分享给大家,希望对大家有所帮助

软件安装

  1. git下载
  2. node.js下载

git安装

和常用软件安装一样,傻瓜式安装,安装路径最好默认c盘,然后一直点next就行。安装完成后,右键菜单会出现git bush ,选择就可以进入git终端

node.js安装

也是傻瓜式安装,一路next

打开git bush 验证安装是否正确

node -v
npm -v

Hexo基于Node.js环境,Node.js是一个Javascript运行环境(runtime) 。node.js自带了npm,这里就不在讲述npm的安装

Hexo安装

安装好Node.js环境后,就可以通过node的npm包管理工具安装Hexo,打开git bush 执行以下指令(当然npm可以换成cnpm,但要配置淘宝加速)

npm install -g hexo

'''

成功安装Hexo后,在自己的工作目录下,创建一个blog目录,在此目录下管理自己的博客源码,进入blog目录,执行以下指令完成Hexo项目环境

hexo init

hexo初始化会在blog目录生成一些东西 ,这里我不介绍生成的这些文件

安装依赖包

npm install

这里我们的本地环境就基本搭建完成

生成hexo博客

hexo g // 生成静态页面
hexo s // 启动本地服务

打开浏览器,输入 http://localhost:4000/ ,看到以下页面说明hexo环境安装成功。

Hexo+Github环境搭建个人博客

hexo部署到github

上面我们只能在本地进行浏览,别人无法看到你的博客,如果自己没有服务器,那我们可以将博客部署到github,github有免费的存储空间

创建仓库

首先需要注册一个github账号,登录github后点击create a new repository,如图完成仓库创建
Hexo+Github环境搭建个人博客

这个仓库是用来存放你的hexo静态页面的,相对于服务器

部署公钥

Hexo部署时,采用git协议,为避免暴露账户密码,最好使用证书认证,所以我们需要在Github部署公钥

进入账号的Personal setting页面,选择SSH and GPG keys,进入**配置页面。填入本机公钥,点击Add SSH key

如何生成本机公钥

发布站点

首先,打开blog目录下的_config.yml,找到deploy段,配置成这样

deploy:
  type: git
  repository: aaa@qq.com:yourname/yourname.github.io.git
  branch: master

注意将代码里面的yourname换成你github账号的username。

设置git身份信息,避免每次部署都需要身份验证

打开git bush

git config --global user.name "你的github用户名"
git config --global user.email "你的邮箱"

最后我们就可以部署hexo了

hexo g
hexo s
hexo d

等待一会,浏览器打开 https://yourname.github.io 就可以看到刚才本地预览页面。

我们也可以给博客网站搞一个域名,其实很简单,首先你必须有一个域名,没有的话,自己买一个。

有了域名后,进入域名控制台,在解析里面添加一条CNAME记录,指向yourname.github.io即可。
Hexo+Github环境搭建个人博客

到blog/source目录下创建一个CNAME文件(不要后缀名),打开文件添加你要绑定的域名保存。重新部署即可

总结

以上的内容就是我自己在部署hexo博客的时候进行的步骤,当然,新手在开始搭建博客的时候肯定会出现很多问题,不过,有问题是很正常的,也是值得庆幸的,因为你在解决这个问题的过程中,你会发现你懂得越来越多。相反,如果你照着别人给的步骤完美的完成了博客搭建,其实很多步骤,你根本不知道是如何实现的。多动手,解决问题后总有那么一点成就感的。

相关标签: github 开源

上一篇:

下一篇: