Hexo+GitHub 个人博客搭建

2020-11-04 10:24:51 浏览数 (1)

Hexo GitHub个人博客搭建

前言

你了解 Hexo 吗?Hexo 是一个静态博客框架,基于 Node.js,将Markdown文章通过渲染引擎,生成一个静态网页,再结合 Git 命令(ssh),Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

系统环境

Win10 专业版,64 位(10.0 版本 18362) Node.js:12.13.0 https://nodejs.org/en/download/ Git:2.24.0 https://git-scm.com/downloads

修改配置文件要用到的软件(可选):

  • Visual Studio Code:https://code.visualstudio.com/Download
  • Sublime Text3,可免费使用, 百度网盘链接:https://pan.baidu.com/s/1F90tYkRsaJfo57o1-TSxEw

提取码:yd1u

  • NodePad 7.8.1:

https://notepad-plus-plus.org/downloads/

搭建流程

Hexo Github 博客搭建之环境准备篇

下载 Git 和 Node.js并配置相关信息,设置npm的镜像源,加快下载速度。

Hexo Github 博客搭建之环境搭建篇

GitHub账号注册,以及Github Pages 的创建,配置git全局用户名和邮箱,生成hexo静态博客框架并发布到 Github Pages

Matery 主题安装配置篇

本期Hexo博客主题为Matery,一个采用 Material Design 和响应式设计的 Hexo 博客主题。该篇为HexoMatery博客的基本配置,主要是对Hexo根目录下_config.yml文件的配置和主题目录下_config.yml文件的配置。

Matery 主题个性化修改篇

给Hexo个人博客添加一些个性化操作,例如:动态标题鼠标点击文字效果自定义鼠标样式添加鼠标彩虹星星掉落跟随效果

Matery 主题个性化修改篇(二)

给Hexo个人博客添加基本功能,例如:添加动态科技线条背景,添加 Valine 评论系统豆瓣书单电影页面

博客优化篇

对已经较为完善的博客进行优化,例如:图片懒加载代码压缩CDN加速打造稳定快速,高校免费图床

效果展示

展示1

图片展示和gif动图演示都不能完美展示,所以点击阅读全文转跳博客连接

别忘记了评论,爱你们略(GitHub访问有点慢).

0 人点赞