Hexo+github搭建个人博客

闲话

前段时间网上冲浪,浏览了一下别人的博客,顿时想自己搞一个(就是酸了),在网上查阅资料后,总结出了以下方法。

示例

准备

1.github账号

2.安装git

3.安装Nodejs

4.安装Hexo

注册github

首先到github处注册账号

示例

注意:username会影响到你的域名,你的域名将会是username.github.io,所以建议好好取名。

创建仓库

在github创建一个仓库(repository),这将用来存储你的网站,点击New repository按钮创建仓库,Respository name中的username.github.io的username一定与前面的Owner一致。

安装

Hexo是一个博客框架,基于Nodejs。下面我们开始安Git,Nodejs,Hexo。

安装git

可下载安装程序

安装Nodejs

首先安装nvm

方法1

.curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh |bash

方法2

.wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh |bash

此时nvm就被安装在/.nvm下

安装Hexo

以上所有都安装完成之后再安装Hexo

1
$ sudo npm install hexo-cli -g

编写你的博客

创建博客

将下面的username替换成你自己的username,执行成功后,会创建出一个名为username.github.io的文件夹。

1
$ hexo init username.github.io

配置

安装主题

首先我们先切换到刚刚生成的username.github.io目录,安装主题

1
$ cd username.github.io
1
$ git clone https://github.com/iissnan/hexo-theme-next themes/next

我这里安装的是Next主题,Next主题是目前最流行的主题,其黑白极简风格我很喜欢

站点配置

打开文件位置username.github.io/_config.yml

以下有几个键值对必须修改

1
2
3
4
5
6
7
title: 星界棱镜的虚境//你博客的名字
author: mostlai //你的名字
language: zh-Hans //语言 中文
theme: next //刚刚安装的主题名称
deploy:
type: git //使用Git 发布
repo: https://github.com/username/username.github.io.git //刚创建的Github仓库

更多配置请看这里

主题配置

主题配置文件在username.github.io/themes/next/_config.yml中修改

帮助请看这里

写下第一篇文章

在username.github.io/source/_posts下创建你的第一个博客

打个栗子

创建一个名为lengjingNB.md的文件,用Markdown进行创作

这里给一个Markdown语法的教程

测试你的博客

1
$ hexo s

测试服务启动,在浏览器中输入localhost:4000即可访问你的博客

发布你的博客

安装hexo-deployer-git自动部署发布工具

1
$ npm install hexo-deployer-git --save

如果你觉得博客没问题了,你就可以就生成静态网页文件发布至Github pages中

1
$ hexo clean && hexo g && hexo d

终端会让你输入Github的用户名和密码,正确输入后,你的博客就可以上传至github了。

访问你的博客

在浏览器中输入 http://username.github.io 就能够访问了

更多

更多主题

更多配置

  • Copyright: Copyright is owned by the author. For commercial reprints, please contact the author for authorization. For non-commercial reprints, please indicate the source.
  • Copyrights © 2019-2021 星界棱镜子
  • Visitors: | Views:

请我喝杯咖啡吧~

支付宝
微信