Hexo+GitHub Pages个人博客搭建-打造你的知识世界

184 阅读1分钟

介绍

GitHub Pages

GitHub Pages 是一个静态网站托管服务。 GitHub Pages是设计用来托管你的个人页面,组织页面,或者Github仓库的项目页面。

Hexo

Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在GitHub和Coding上,是搭建博客的首选框架。大家可以进入hexo官网进行详细查看,因为Hexo的创建者是台湾人,对中文的支持很友好,可以选择中文进行查看。

框架文档地址:Hexo\

我的博客地址:HT知识星球 (xhtgit.github.io)

安装环境

 安装NodeJS 和 Git

首先确定自己是否已经安装nodejs和git

node -v
npm -v
git -v

image.png
如果都显示版本的话则表明安装成功

安装Hexo框架

//安装框架
npm install -g hexo-cli

//初始化项目
hexo init <文件名>

//启动服务
hexo server

一键部署到GitHub

建立名为 <你的 GitHub 用户名>.github.io 的储存库

  • 安装 hexo-deployer-git
  • 在 _config.yml 中添加以下配置(如果配置已经存在,请将其替换为如下):
deploy:
  type: git
  repo: https://github.com/<username>/<project>
  # example, https://github.com/hexojs/hexojs.github.io
  branch: <branch-name>
  • 执行 hexo clean && hexo generate && hexo deploy
    执行完hexo d后会跳出github授权的框

修改主题

在官方文档的Themes里面选择自己喜欢的主题

image.png
点击其名称进入其仓库,复制主题地址,将主题下载到项目themes文件夹内,最好阅读主题Readme.md下载主题相关插件

git clone <主题仓库地址>

修改 _config.yml 内的 theme 设定,即可切换主题

image.png
然后通过输入命令hexo server本地运行查看效果
image.png 确认无误后,通过上述部署命令再次部署到GitHub