史上最新版GitHub+Hexo配置系列教程-Hexo配置(一)

为什么要写该系列教程

因为最近在想搞一个自己的博客,发现GitHub+Hexo是最好的一个选择了,折腾了2天, 发现网上的教程虽然有很多,但是不全面,一步步操作下来并不能很好的完成博客的搭建, 写下这个教程,一是为了总结,二是为了让更多的人少走弯路,更快的搭建好自己的博客平台.

什么是Hexo

Hexo是一个快速、简洁且高效的博客框架,可以方便的生成静态网页托管在github和Heroku上。作者是来自台湾的@tommy351。引用@tommy351的话,Hexo:

  • 快速、简单且功能强大的 Node.js 博客框架。

  • A fast, simple & powerful blog framework, powered by Node.js.

类似于jekyll、Octopress、Wordpress,我们可以用hexo创建自己的博客,托管到github或Heroku上,绑定自己的域名,用markdown写文章。本博客即使用hexo创建并托管在github上。

为什么要用Hexo来写博客

引用原作者的话来说:
- 超快速度: Node.js 所带来的超快生成速度,让上百个页面在几秒内瞬间完成渲染。

  • 支持 Markdown: Hex

### 如何在 GitHub 上使用 Hexo Matery 主题配置和部署博客 #### 安装必要的软件环境 为了顺利运行 Hexo 并将其与 GitHub 结合,需准备好 Git 和 Node.js 环境。对于文件编辑,则可以选择任意款合适的编辑工具来完成配置工作[^5]。 #### 创建并初始化 Hexo 博客站点 通过命令行创建个新的 Hexo 站点,并进入该目录下执行初始化操作: ```bash hexo init myblog cd myblog npm install ``` #### 添加 Matery 主题至 Hexo 博客 前往 [Matery 主题的 GitHub 页面](https://github.com/blinkfox/hexo-theme-matery),下载最新版本的主题压缩包后解压到本地 `themes` 文件夹内;或者直接利用 Git 克隆仓库: ```bash git clone https://github.com/blinkfox/hexo-theme-matery.git themes/matery ``` 随后,在根目录下的 `_config.yml` 中指定使用的主题名称为 matery: ```yaml theme: matery ``` #### 设置代码高亮插件 考虑到默认的代码高亮样式可能不够美观,建议安装 prism 插件以增强视觉效果: ```bash npm i -S hexo-prism-plugin ``` 接着按照官方文档说明调整相应设置项[^2]。 #### 配置 GitHub Pages 发布服务 为了让生成的内容能够托管于 GitHub Pages 上展示给访问者浏览,先要确保已成功注册了个属于自己的 GitHub 账号以及建立了对应的远程仓库用于存储静态网页资源。之后依照以下步骤进行具体参数设定: - 编辑位于项目顶层路径中的 `_config.yml` 文件,找到 deploy 字段并补充完整如下所示的信息片段(记得替换掉其中占位符部分)[^1]: ```yaml deploy: type: git repo: github: git@github.com:<用户名>/<仓库名>.git branch: main # 或者 master 取决于目标分支实际叫法 ``` - 接着添加 hexo-deployer-git 插件支持以便后续可以键推送更新后的 HTML 至远端服务器保存起来待发布之用: ```bash npm install hexo-deployer-git --save ``` 最后每次想要同步最新的更改记录时只需简单输入两条指令即可实现自动化流程处理: ```bash hexo clean && hexo g -d ``` 这会清除缓存、重新编译全部文章再提交改动推送到关联好的在线平台上去。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值