Hexo+Next在Github上搭建博客教程

Hexo+Next在Github上搭建博客教程


摘要:本文是一篇介绍如何在windows系统下搭建独立博客的教程,主要使用HexoNext主题在github上搭建。


前言

为什么要写博客?这里推荐一篇知乎专栏文章。 你为什么要写博客 陈素封

如果一件事情你不能讲清楚,十有八九你还没有完全理解。

很多时候总是眼高手低,以为自己都会了,但是如果让你写出来,讲出来,才发现根本没办法解释清楚。既然写就要对得起写本身,写出来的东西应该是自己思考后的东西,不是去记录流水账,更不是发牢骚和抱怨,要追求写的质量。

博客搭建教程

工具准备

  1. 注册github账号
  2. 安装node.jsGit

安装Hexo

有关Hexo的具体使用,详见官网

安装方式使用Git Bash,输入下面命令即可安装Hexo工具

npm install -g hexo-cli

安装完Hexo后,自己选择合适的磁盘位置,执行右键Git bash Here,然后执行下面的命令,Hexo将会在制定的文件夹中新建所需要的文件。

hexo init <folder>
cd <folder>
npm install

这里的 是文件夹的名字,可以自定义,博客的文件资源都会存储在这个文件夹中。

执行完命令后,在文件夹下的_config.yml文件是网站的配置文件,后续需要对此文件进行修改以完成网站的配置。

在这一步我们就可以将网站在本地跑起来,只需要执行下面的命令:

hexo server

然后使用浏览器打开http://localhost:4000就可以在本地查看效果。Hexo默认主题使用的是landspace, 这里推荐使用Next主题,或者如果自己喜欢其他主题也可以自己更换。

安装Next主题

有关Next的详细使用方法可以去 官网 查看。这里只做简单的说明。

在Hexo站点目录下使用右键Git Bash Here, 然后执行下面命令

git clone https://github.com/iissnan/hexo-theme-next themes/next

安装完之后启用主题,打开站点目录下面的配置文件_config.yml。 找到 theme 字段,并将其值更改为 next

这里说明一下,在 Hexo 中有两份主要的配置文件,其名称都是 _config.yml。 其中,一份位于站点根目录下,主要包含 Hexo 本身的配置;另一份位于主题目录下,这份配置由主题作者提供,主要用于配置主题相关的选项。

Next主题有很多个性化配置,具体去官网查看更加方便。

如果想使用其他主题,可以去这里寻找:Hexo 主题

将博客部署到Github上

首先需要在github上新建一个 username.github.io 的repository,username为你的github用户名。

这里我们使用ssh连接方式和github进行连接。首先在git命令行中对git进行全局配置

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

检查是否生成过key

cd ~/.ssh

如果没有生成过,使用下面命令生成

ssh-keygen -t rsa -C "邮箱地址"

这里如果不想设置密码可以直接回车,密码为空。然后在C盘用户文件夹中会发现一个隐藏文件夹,文件夹名字为 .ssh ,然后在github网站setting中找到添加SSh key 的菜单 ,将id_rsa.pub 的内容全部复制到key的编辑框中,保存。

回到git命令行,输入

ssh  -T git@github.com

这里会要求你输入SSH key密码,如果刚才生成SSH key时未输入密码,密码就为空;然后看到信息:
Hi 用户名! You’ve successfully authenticated;说明配置成功;

使用git部署网站需要安装hexo-deployer-git

npm install hexo-deployer-git --save

然后对网站配置文件,即站点目录文件下的_config.yml 文件中的deploy字段设置:

deploy:
  type: git
  repo: <repository url>
  branch: [branch]

repository url 可以直接在github上使用Clone or download 按钮中进行复制。配置完成后使用下面命令即可将网站配置到github上。

hexo deploy

如果想要使用自定义的域名,需要在/thems/next/source 文件夹下新建CNAME 文件,主义没有后缀名,直接将自己的域名写入。然后在域名服务解析中添加CNAME解析记录即可。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值