Github + Hexo 搭建个人博客网站

本文介绍使用Github和hexo建立个人博客的方法,通过Hexo生成静态网页托管到Github上.
Hexo是一个博客框架,使用markdown解析文章.
本文介绍的方法,需要安装nodejs和git.

1.购买域名

搭建个人博客网站的时候,希望拥有一个属于自己的独特网址,这就需要购买域名。购买域名通过阿里云就可以购买,购买链接

现在域名的种类比较多,有.com、.cn、.cc、.site 、.top、.me等等。最主流的肯定是.com后缀的域名。但是现在.com后缀的域名被注册得比较多,很难注册到自己满意的域名。另外.com域名价格也会比较贵,我看了一个自己想要的域名,价格2800多,直接放弃。最后我注册了一个.site后缀的域名。具体选择什么样的域名,自己购买的时候多查询一下,选择一个自己满意的就可以了。

购买域名这里也要稍微折腾一下,需要建立信息模板,验证邮箱、实名制验证等。

2.通过Github建立个人仓库

如果没有github帐号,需要注册一个github帐号,网址

下面就是通过github建立一个仓库。新建repository的名字命名必须为:用户名.github.io 。这样的命名之后才能用于建立个人博客。例如,我的github用户名为"yuanliang861",那么我的repository的名字如下。
在这里插入图片描述

3.Nodejs安装

可以考虑用命令安装,下面是命名。但是安装的版本实在太老了。

sudo apt-get install nodejs-legacy
sudo apt-get install npm

因为安装版本太老,所以我去官网下载二进制安装包,通过官网的教程安装。

4.Hexo安装

Hexo安装可以直接查看说明书,地址
使用以下命令安装Hexo

npm install -g hexo-cli

安装的时候出现了权限问题
在这里插入图片描述
这里安装官网给出的方法解决,下面两个链接给出了解决方法。
https://docs.npmjs.com/resolving-eacces-permissions-errors-when-installing-packages-globally
https://juejin.im/post/5d31ebbf51882526ae230523

修复了这个问题之后,再使用上面给出的npm安装命令就可以实现安装。

安装完成之后,需要指定一个文件价用做Hexo的工作空间。

hexo init <blog-name>
cd <blog-name>
npm install

这里指的是文件夹的路径,运行完以上命令之后,会在文件夹下面生成一些文件。

|---  node_modules
|---  scaffolds
|---  source
      |---  _drafts
      |---  _posts
|---  themes
|---  _config.yml
|---  package.json
|---  package-lock.json

这里,_config.yml是博客网站的配置文件,source文件夹是存放用户资源的地方,其中的_post文件是存在markdown文件的地方。theme文件夹是用来存放主题的地方。

5.安装配置github

使用下面的命令查看是否已经安装了git

git --version

如果没有安装就安装一下。

配置github

git config --global user.name "自己的github用户名"
git config --global user.email "自己的github注册邮箱"

创建公匙

输入以下命令,然后连按三次回车键,完成.

ssh-keygen -t rsa -C "你的GitHub注册邮箱"

之后,会在~/.ssh/文件夹下创建密匙,即 ~/.ssh/id_rsa_pub .复制文件下的全部内容.

打开github添加ssh kye页面,点击'New SSH key'新建SSH key. 这里Title自己取,key就是~/.ssh/id_rsa_pub文件下的全部内容.
在这里插入图片描述
可以使用一下命令查看公匙是否添加成功.

ssh git@github.com

在这里插入图片描述
从这里看出已经创建成功.

Hexo将静态页面部署到github

打开自己设置的Hexo的博客文件夹,打开 _config.yml文件,在最后添加以下内容:

deploy:
  type: git
  repository: git@github.com:username/username.github.io.git
  branch: master

这一步的目的是给hexo d 这个命令做相应的配置,让hexo知道你要把blog部署在哪个位置,这里就是部署到github仓库里.

安装部署插件

npm install hexo-deployer-git --save

这时候,输入下面三条命令,完成最终部署.

hexo clean
hexo g
hexo d

6.将自己的域名和github博客页面绑定

这里需要分两步进行,首先去到阿里云,对自己的域名进行解析,也就是绑定到github.第二步是在github仓库中添加自己的域名.这个很好理解,就是双方都确认才有效.

登录阿里云,点击解析,对域名进行解析.
在这里插入图片描述
这里需要添加三条记录,其中两条A指向的ip地址是Github Pages提供的,这个是github确定的,大家都是一样的.

192.30.252.153
192.30.252.154

另外一条是CNAME类型的,主机记录输入www.对应的记录值是自己的仓库地址:username.github.io

在这里插入图片描述
完成域名解析后,登录github,进入自己之前建立的仓库.点击 Settings进入设置.在option选项下面,向下拉可以看到Custom domain这个选项,将自己申请的域名输入进去,点击保存就可以.这里输入域名的时候,不要输入www,因为输入www后每次进入就必须输入www才能访问,不输入www前缀,访问的时候输入了www仍然可以访问.

在这里插入图片描述
完成绑定后,还需要在自己本地设置域名地址.
在自己的博客文件下,已经有source文件夹,这个文件夹下创建一个文件,命名为CNAME,不需要后缀.文件中输入自己的域名.完成绑定.
在这里插入图片描述
完成这些设置就可以通过自己申请的域名访问博客了.

参考文章

ubuntu+github+hexo搭建个人博客
GitHub+Hexo 搭建个人网站详细教程
hexo超完整的搭建教程,让你拥有一个专属个人博客
如何搭建一个独立博客——简明Github Pages与Hexo教程
GitHub Page+Hexo+nexT 搭建个人博客

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值