【Hexo】-1.使用Github Pages和Hexo搭建博客


1.什么是 Hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

2. 准备工作

  1. 安装NodeJs(NodeJs可以使用解压安装的方式)
  2. 创建Github账号
  3. 在本地安装Git
  4. 在GitHub配置本地SSH公钥

3. 安装Hexo

3.1 下载Hexo

在磁盘上创建文件夹,如 E:\笔记\博客\GiteePages ,将博客相关文件保存到该目录下,在该目录下打开Git命令行,使用下面两条命令进行安装。两条命令的含义分别是:

  • npm 全局安装 hexo-cli
  • npm 全局安装 hexo-deployer-git,使用git来发布hexo
npm install hexo-cli -g  
npm install hexo-deployer-git --save  

3.2 Hexo 初始化

在当前目录下新建 Hexo 文件夹,即 E:\笔记\博客\GiteePages\Hexo,并进入该文件夹,执行如下命令初始化 hexo,hexo 的初始化需要在一个干净的目录下

hexo init

Hexo 安装完成后,当前目录下新建所需要的文件,Hexo 文件夹内容如下:

3.3 本地查看效果

在 Hexo 目录下打开命令行,使用如下命令生成静态资源文件,并启动 hexo server。然后可以通过 http://localhost:4000 进行访问

hexo generate  
hexo server  

hexo server 启动成功后,会显示如下信息

E:\笔记\博客\GithubPages\Hexo>hexo server
INFO  Validating config
INFO  Start processing
INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

访问 http://localhost:4000/ 查看效果:

4. 在 Github Pages 上部署 Hexo

本地的 Hexo 博客已经安装成功了,如果需要让博客被其他人访问到,可以部署到 Github Pages 或者 云服务器上。这里先将它部署到 Github Pages。

4.1 在Github创建仓库

在 Github 上创建仓库,在创建时按照如下步骤,需要指定仓库名并勾选 readme 初始化

4.2 将Hexo推送到Github仓库

  1. 复制仓库地址,使用SSH协议

  2. 将仓库地址配置到Hexo中

    在 Hexo 目录下,有一个 _config.yml 的配置文件,里面保存了 Hexo 相关的配置信息。

    找了 deploy 配置项,按照如下方式进行配置

  3. 推送Hexo文件到Github

    使用如下命令生成 hexo 文件,并推送到 Github

    hexo g  
    hexo d

    或者直接执行

    hexo g -d
  4. 访问博客

    推送成功后,可以通过 https://<username>.github.io 进行访问,比如: https://soulballad.github.io/


文章作者: Soulballad
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Soulballad !
评论
 上一篇
【Hexo】-2.Hexo常用命令 【Hexo】-2.Hexo常用命令
1. Hexo 命令在 Hexo 目录下打开命令行,输入 hexo 回车,可以显示 hexo 内置的所有命令 clean$ hexo clean 清除缓存文件 (db.json) 和已生成的静态文件 (public)。 config$ h
2020-10-29
下一篇 
Hello World Hello World
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hex
2020-10-27 Soulballad
  目录