快速搭建个人博客

2016/12/19 教程

Hexo 结合 Github 搭建博客

配置环境

  • 安装 Node.js [官网 https://nodejs.org/en/][1]
  • 安装 Git(Xcode 自带有 Git)
  • 注册 GitHub 账号(用于博客的远程仓库)
    [1]: https://nodejs.org/en/

安装 Hexo

打开终端,执行命令:

npm install hexo-cli -g

如果报错,加上 sudo。
hexo 常用命令:

    hexo g   #完整命令为hexo generate,用于生成静态文件
    hexo s   #完整命令为hexo server,用于启动服务器,主要用来本地预览
    hexo d   #完整命令为hexo deploy,用于将本地文件发布到github上
    hexo n   #完整命令为hexo new,用于新建一篇文章
    hexo clean   #清除生成的文件

初始化博客文件夹

hexo init [文件夹名字]
cd [文件夹名字]
npm install

成功后执行下面命令,运行服务,就可以在浏览器中访问了,地址为: http://localhost:4000 :

hexo s

如果遇到 hexo s 无效或者错误,可能是因为没有安装 hexo server,执行下面命令,然后再试:

npm install hexo-server --save

编辑 hexo 的配置文件

不要被文件内容吓到了,只需要修改以下地方:

# Site
title: xxx
subtitle: xxx
description: xxx
author: xxx
language: zh-Hans
timezone: Asia/Shanghai
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: github仓库的克隆地址
  branch: master

部署

通常情况下是先生成网站,然后部署。可以将两个步骤放到一起:

hexo d -g

现在你就可以打开网站看到效果了。
如果提示:

ERROR Deployer not found:git

需要要安装 hexo-deployer-git:

npm install hexo-deployer-git --save

完成后执行部署命令 hexo d -g。

发布

通过以下命令新建文章:

hexo new “文章名字"

然后用编辑器打开 source_posts 里的 md 文件编辑。
更新文章:

hexo d -g

这样就可以把你的新文章传上去啦。

主题

[NexT 官方 WiKi][2]
[NexT 官方网站][3]
[2]: https://github.com/iissnan/hexo-theme-next/wiki
[3]: http://theme-next.iissnan.com/

绑定域名

现在默认的域名还是 xxx.github.io,是不是很没有牌面?想不想也像我一样弄一个专属域名呢,首先你得购买一个域名,xx 云都能买,看你个人喜好了。

以我的阿里云为例,如下图所示,添加两条解析记录:

记录类型 主机记录 解析线路(isp) 记录值 MX 优先级 TTL 状态
CNAME @ 默认 weixinbing.github.io 10 分钟 正常
CNAME www 默认 weixinbing.github.io 10 分钟 正常

然后打开你的 github 博客项目,点击 settings,拉到下面 Custom domain 处,填上你自己的域名,保存

Search

    Table of Contents