hexo个人博客简单配置

创建github账户以及博客远程仓

创建github账户

首先你需要注册一个Github账号,已有的可以下翻去1.2 创建仓库,注意username,这会影响到你的域名,你的域名将会是 username.github.io ,所以认真的取个名字吧。

创建远程仓库

Create account
需要创建一个仓库(repository) 来存储我们的网站,点击首页任意位置出现的 New repository按钮创建仓库,Respository name 中的username.github.io 的username
一定与前面的Owner 一致,记住你的username下面会用到。

安装部署工具

Hexo 可以说是目前最流行的博客框架了,基于Nodejs,下面需要安装的工具包括 Git,Nodejs,Hexo。

安装git

执行 yum install git,安装git环境

1
yum install git

安装Nodejs

安装基础编译环境

1
yum install gcc-c++

下载源码包

1
wget https://npm.taobao.org/mirrors/node/v11.0.0/node-v11.0.0.tar.gz

解压源码包,并进入解压后的文件夹中

1
2
tar -zxf node-v11.0.0.tar.gz
cd node-v11.0.0

始进行编译,本次编译时间大约30分钟左右

1
./configure && make

开始进行安装

1
2
3
4
5
6
7
8
9
10
11
12
make install
node -v
npm -v
备注:如果node -v没有版本信息,可进行一下设置环境变量再进行测试
vim /etc/profile
在该文件底部增加下面两行
export NODE_HOME=node目录
export PATH=$NODE_HOME/bin:$PATH
执行命令生效环境变量后再次重新尝试获取版本信息。
source /etc/profile
node -v
npm -v

安装hexo

1
2
npm install -g hexo-cli
hexo -v

创建并发布自己的博客

接下来我们需要用Hexo初始化一个博客,然后更改一些自定义的配置,或者加上自己喜欢的主题,写上第一篇文章,然后发布到自己的个人Github网站(username.github.io)。

创建博客

将下面的 username 替换成你自己的username(其实也无所谓,作者强迫症),执行成功后,会创建出一个名为 username.github.io 的文件夹。

1
$ hexo init username.github.io

更改配置

主题安装

为了使博客不太难看,我们需要安装一个主题,切换至刚刚生成的Hexo 目录,安装主题

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

这里选了一个极简的主题,也是Hexo众多主题中最受欢迎的一个。上面出现的喵神的主题 在这里。Hexo也有更多主题供你选择。

基础配置

打开文件位置username.github.io/_config.yml修改几个键值对,下面把几个必须设置的列出来按需求修改,记得保存, 还有注意配置的键值之间一定要有空格

1
2
3
4
5
6
7
title: David Lee 
author: David Kee //你的名字
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下创建你的第一个博客吧,例如,创建一个名为myblog.md的文件,用Markdown大肆发挥吧,注意保存。
如:

1
2
3
---
title: First Blog
---

测试

1
2
3
4
5
$ hexo s
测试服务启动,你可以在浏览器中输入https://localhost:4000 访问了。

安装hexo-deployer-git自动部署发布工具
$ npm install hexo-deployer-git --save

发布

测试没问题后,我们就生成静态网页文件发布至我们的Github pages 中。

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

如果这是你的第一次,终端会让你输入Github 的邮箱和密码,正确输入后,骚等片刻,就会把你的博客上传至Github 了。以后在每次把博客写完后,执行一下这个命令就可以直接发布了.

hexo插入图片配置

1
2
3
4
5
6
7
设置站点配置_config.yml:将post_asset_folder: false改为post_asset_folder: true

安装插件:npm install https://github.com/CodeFalling/hexo-asset-image -- save

运行hexo n "XXX",生成XXX.md博文时就会在/source/_posts目录下生成XXX的文件夹,将你想在XXX博文中插入的照片放置到这个同名文件夹中即可,图片的命名随意。

添加图片:在想添加的位置写入![](图片名字.图片格式),例如![](1.png)。

hexo常用命令

清理public文件夹

1
hexo clean

启动服务预览

1
hexo s

部署服务

1
hexo d hexo deploy

创建一篇新文章

1
hexo n

删除文章

1
2
3
删除_posts的对应md文件
hexo clean
hexo s