使用hexo框架搭建个人博客

一. 准备工作


1.下载安装nodejs,网址 https://nodejs.org

2.切换root账号,查看node与npm是否安装正常?

1
2
3
sudo su
node -v
npm -v

3.安装cnpm,查看是否安装成功

1
2
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm -v

4.安装git,配置用户信息

1
2
git config --global user.name "John Doe"
git config --global user.email johndoe@example.com

二. 安装hexo框架


1.安装hexo,查看是否安装成功

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

2.新建blog文件夹

1
2
pwd
mkdir Blog

3.进入工程目录

1
2
cd Blog/
pwd

4.初始化项目

1
2
sudo hexo init
ls -l

5.启动blog

1
hexo s

6.访问blog,查看效果

1
2
3
4
5
hexo s
########################
INFO Start processing
INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
########################

7.新建一篇博客,修改内容

1
2
3
4
5
6
7
8
hexo n '我的第一篇博客文章'
pwd
cd source/_posts
ls
vim 我的第一篇博客文章.md
cd ../..
pwd
hexo s

三. 配置hexo文件,发布到个人github


1.安装插件

1
2
cnpm install --save hexo-deployer-git
ls

2.编辑配置文件,部署到远端

1
2
3
4
5
6
vim _config.yml
###############
type: git
repo: # git 仓库地址
branch: master
###############
1
hexo d

3.修改主题演示
主题地址: https://github.com/litten/hexo-theme-yilia.git

下载安装配置主题

1
2
3
4
5
6
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
ls
vim _config.yml
#################
theme: yilia
#################

4.重新配置后推到远端

1
2
3
4
hexo clean
hexo g
hexo s
hexo d

5.域名解析

  • 博客source文件夹下建立一个CNAME的文件
  • 内容写入你的域名信息。
  • 发布到github即可,到注册的域名商把购买的域名使用CNAME解析到github。

参考资料

https://www.bilibili.com/video/BV1Yb411a7ty


使用hexo框架搭建个人博客
http://www.keker.top/2019/05/12/theme/使用hexo框架搭建个人博客/
作者
Keker
发布于
2019年5月12日
许可协议