hexo博客系列 搭建属于自己的博客

发表于 | 分类于 | 评论数： | 次阅读

准备工作

  • 安装Node.js
  • 安装Git
  • GitHub账号并且配置了SSH Keys，创建一个名为username.github.io的仓库

    username 改为自己的github名字

安装hexo

安装hexo

hexo 官网地址

1
2
3
4
➜  ~ sudo npm install hexo-cli -g
➜  www hexo init hexo_blog
➜  www cd hexo_blog
➜  hexo_blog npm install

基础配置

1
2
3
4
5
6
7
8
9
➜  hexo_blog vim _config.yml
# Site
title: 墨菲
subtitle: 一个程序猿的日常
description: 记录一些工作中遇到的问题
keywords: 前端 后端 数据库 服务器
author: kissfree
language: zh-CN # 这里要和语言文件名对应
timezone:

启动服务

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

用浏览器打开 http://localhost:4000 便可看到你的博客了，这只是本地的测试，如果测试没问题就执行Ctrl+C退出去，此时该地址就不能访问了

更多配置

安装next主题

next 文档

clone 主题

1
➜  hexo_blog sudo git clone https://github.com/theme-next/hexo-theme-next themes/next

开启主题

1
2
➜  hexo_blog vim _config.yml
theme: next

修改主题样式

1
2
3
➜  hexo_blog cd themes/next
➜  next git:(master) sudo vim _config.yml
scheme: Gemini

验证主题

注意：每次切换主题之后、验证主题之前都要清除 Hexo 的缓存

1
2
➜  hexo_blog hexo clean
➜  hexo_blog hexo s

写作

新建文章

1
2
➜  hexo_blog hexo new layout 大明湖
INFO  Created: /data/www/hexo_blog/source/_posts/大明湖.md

_posts 是默认模板

编辑md ，为文章添加内容

添加阅读全文按钮

在文章里需要隐藏的地方添加

1
<!-- more -->

其后面的部分就不会显示了，只能点击阅读全文才能看

生成静态文件

写完文章之后执行，来生成静态网页文件

1
➜  hexo_blog hexo g

部署

安装部署工具

1
➜  hexo_blog npm install hexo-deployer-git --save

编辑_config.yml文件

翻到最底部找到deploy节点编辑如下：

1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repository: git@github.com:kissfree/kissfree.github.io.git
  branch: master

部署网站

1
➜  hexo_blog hexo d

任何人就可以访问 https://kissfree.github.io 进入你的博客了。

修改发布

以后每次写完文章之后依次执行以下命令就可以发布更新了

1
2
3
$ hexo clean      // 清除缓存
$ hexo g          // 生成静态网页文件
$ hexo d          // 将本地博客发布到github