原创 DeRoy 编程学习基地 2020-10-16


点击蓝字 关注我们



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 博客主题。该篇为Hexo下Matery博客的基本配置，主要是对Hexo根目录下_config.yml文件的配置和主题目录下_config.yml文件的配置。

Matery 主题个性化修改篇

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

Matery 主题个性化修改篇（二）

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

博客优化篇

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

效果展示

Hexo+GitHub 个人博客搭建_C语言展示1Hexo+GitHub 个人博客搭建_C语言_02

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

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

博客搭建分三次，三天连续推送