栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 系统运维 > 运维 > Linux

使用hexo+github免费搭建个人博客网站超详细教程

Linux 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

使用hexo+github免费搭建个人博客网站超详细教程

博客地址http://dymfx.top/

本文详细描述了如何在Github上,使用hexo部署博客。

一、Hexo简介

Hexo是一个快速、简洁且高效的博客框架,让上百个页面在几秒内瞬间完成渲染,Hexo支持Github Flavored Markdown 的所有功能,甚至可以整合Octopress的大多数插件,并自己也有强大的插件系统。大家可以进入Hexo官网进行详细查看。

二、Hexo搭建步骤
  1. 安装Git 安装Node.js
  2. 安装Hexo
  3. GitHub创建个人仓库
  4. 将hexo部署到GitHub
1.安装Git

windows:到git官网上下载,Download git,下载后会有一个Git Bash的命令行工具,以后就用这个工具来使用git。

linux:对linux来说实在是太简单了,因为最早的git就是在linux上编写的,只需要一行代码

sudo apt-get install git

安装好后,用 git --version 来查看一下版本

2.安装nodejs

Windows:直接到官网上下载安装即可nodejs
安装完后,打开命令行

node -v
npm -v

安装成功

3.安装Hexo

安装完Git和nodejs就可以安装Hexo了,我们先创建一个文件夹myblog用于存放Hexo目录,然后cd到这个文件夹下
执行命令

npm install -g hexo-cli

hexo -v查看一下版本

接下来初始化一下hexo

hexo init myblog

这个myblog可以自己取什么名字都行,然后

1 cd myblog //进入myblog文件夹
2 npm install

开启本地服务

1 hexo g
2 hexo server

打开hexo的服务,在浏览器输入localhost:4000就可以看到你生成的博客了。

3.部署Github
  • Github官网
  • 输入用户名,Email,密码,注册账号
  • 在Github创建仓库 仓库名称 用户名.github.io
  • 修改目录下的配置文件_config.yml
# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git 
  repo: https://github.com/i/i.github.io.git  //Git仓库地址
  branch: main //分支

执行命令:

1 hexo clean 
2 hexo d #将代码上传到Github
3 hexo g #生成静态页面
4 hexo s #启动本地服务

打开网页,输入http://username.github.io,打开github上托管的博客。如我的博客地址是:http://iranfantexi-jpg.github.io。

参考博客
  • hexo史上最全搭建教程
  • hexo教程系列——hexo安装教程
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/827232.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号