banner
阿道

阿道

阿道博客

零基础利用Github免费搭建静态博客-hexo教程

本次教程演示环境为 mac 系统,windows 系统基本上是同样的步骤,这里就不过多说明了。

安装准备#

安装 hexo 之前,必须先保证电脑中已经安装了以下两款软件:

  • node.js
  • git(会提示安装,同意即可)

开始安装#

1. 打开终端工具,输入以下命令进入到管理员权限:

   sudo su

2. 安装 npm,因为国内特殊情况,安装 npm 会比较缓慢,这里我们使用淘宝的 cnpm 来进行安装:

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

4. 安装 hexo:

cnpm install -g hexo-cli

5. 查看是否为用户目录,是的话继续操作,否则需要先进入到用户目录(一般为用户名的文件夹)

6. 新建目录,这里我创建为 blog:

mkdir blog

7. 进入到 blog 目录:

cd blog

8. 初始化博客:

sudo hexo init

提示:INFO Start blogging with Hexo! 为成功

9. 本地测试:

hexo s

显示
INFO Start processing
INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

10. 浏览器打开上方地址即可查看 hexo 博客

默认标题_2019-07-18-0

发布新文章#

1. 新建文章

hexo n "文章标题"

INFO Created: /Users/ching/blog/source/_posts/ 文章标题.md

2. 进入文章(这里我就直接使用 vim 命令进行编辑,当然也是可以使用其他的 Markdown 编辑器)

3. 按 i,并按回车进行编辑,这里我就随意输入一些内容,编辑完成后,按 esc,并输入:wq,即可保存

4. 返回到 blog 目录,并进行清理:

hexo clear

5. 生成网站内容

hexo g

6. 再次使用 hexo s 命令来启动本地测试,并进行查看是否发布成功
Snipaste_2019-07-25_19-07-32

本地网站发到到网络#

今天我们就演示如何将网站发布到 github 上。

1. 登录到 github
2. 新建新的仓库

  • 右上角 + 号点击 new repository
  • 仓库名:github 用户名 + github.io
  • 填写好描述
  • 点击 create repository 创建即可

3. 返回到本地终端,并安装插件 hexo-deployer-git:

cnpm install --save hexo-deployer-git

4. 打开配置文件:

vim _config.yml

5. 移动到文档末尾,编辑修改:

deploy:
type: git
repo: https://github.com/ 用户名 / 自定义地址.github.io.git
branch: master

6. 部署到 github:

hexo d

输入 github 账号密码,显示 INFO Deploy done: git 为成功

7. 登录到我们的网址进行查看
Snipaste_2019-07-25_19-55-13

加载中...
此文章数据所有权由区块链加密技术和智能合约保障仅归创作者所有。