300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 使用hexo+github搭建个人博客网站超详细教程

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

时间:2023-12-24 23:09:21

相关推荐

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

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

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

一、Hexo简介

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

二、Hexo搭建步骤

安装Git 安装Node.js安装HexoGitHub创建个人仓库将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 -vnpm -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 g2 hexo server

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

3.部署Github

Github官网输入用户名,Email,密码,注册账号在Github创建仓库 仓库名称 用户名.github.io修改目录下的配置文件_config.yml

# Deployment## Docs: https://hexo.io/docs/one-command-deploymentdeploy:type: git repo: /i/i.github.io.git //Git仓库地址branch: main //分支

执行命令:

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

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

参考博客

hexo史上最全搭建教程hexo教程系列——hexo安装教程

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。