侧边栏壁纸
博主头像
soulballad博主等级

技术文章记录及总结

  • 累计撰写 169 篇文章
  • 累计创建 26 个标签
  • 累计收到 4 条评论

目 录CONTENT

文章目录

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

soulballad
2020-10-28 / 0 评论 / 0 点赞 / 50 阅读 / 1,200 字
温馨提示:
本文最后更新于 2022-03-03,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

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://\<https://soulballad.github.io/username>.github.io 进行访问,比如:

0

评论区