Hexo+GitHub Pages个人博客搭建

您所在的位置:网站首页 hexo主题模板 Hexo+GitHub Pages个人博客搭建

Hexo+GitHub Pages个人博客搭建

2023-04-15 17:20| 来源: 网络整理| 查看: 265

介绍 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.io 的储存库

安装 hexo-deployer-git 在 _config.yml 中添加以下配置(如果配置已经存在,请将其替换为如下): deploy: type: git repo: https://github.com// # example, https://github.com/hexojs/hexojs.github.io branch: 复制代码 执行 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



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3