10分钟上线个人博客

没有手撸过个人网站的程序员不是一个好的程序猿,可是!强撸灰飞湮灭!为了自己的身体健康,还是少撸为妙!不要998,也不要98,完全免费,hexo你直接带回家。通过hexo,可以快速构建个人博客,并搭建到 github 上供他人访问,我们开始吧!

新建仓库

  • 首先要创建一个github账号
  • 创建一个repo,名称为yourname.github.io, 其中yourname是你的github名称,按照这个规则创建github page才会生效。

安装hexo

hexo不需要部署到我们的服务器上,我们的服务器上保存的,其实是基于在hexo通过markdown编写的文章,然后hexo帮我们生成静态的html页面,然后,将生成的html上传到我们的服务器。简而言之:hexo是个静态页面生成、上传的工具

安装

1
npm install -g hexo

新建一个目录,执行初始化

1
2
3
mkdir blog
cd blog
hexo init
文件/文件夹 说明
_config.yml 配置文件
public 生成的静态文件,这个目录最终会发布到服务器
scaffolds 一些通用的markdown模板
source 编写的markdown文件,_drafts草稿文件,_posts发布的文章
themes 博客的模板
1
hexo s

在浏览器中访问:http://localhost:4000 就可以看到你本定运行的页面了

创建新文章

1
2
3
4
// [layout] 为布局,可选项为 `post`、`page`、`draft`,这将决定文章所在文件路径。
// <title> 为文章标题
// 如 hexo new FirstBlood
hexo new [layout] <title>

找到自己刚刚新建的文件进去编辑,遵循markdown语法

更换主题皮肤

默认的主题不是很好看,我们可以去官网下载, 甚至可以自己做

1
2
3
4
5
# 下载到themes文件夹下
git clone https://github.com/litten/hexo-theme-yilia yilia

# 修改 _config.yml 配置
theme: yilia

然后重新启动服务

发布

先安装git插件:

1
npm install hexo-deployer-git --save

修改_config.yml中的git配置

1
2
3
4
deploy:
type: git
repo: https://github.com/yourname.github.io
branch: master

当然,只是这样肯定不行,你要确保你本地能git push到服务端,所以需要配置本地的ssh公钥(id_rsa.pub)配置到github上。

发布

1
2
hexo clean
hexo delpoy

demo预览

https://majinhui04.github.io/