零基础Hexo搭建个人博客

零基础Hexo搭建个人博客网站

本文章涉及Hexo搭建&部署到Github,不涉及进阶使用。
视频版链接
进阶文章列表(待更新)

  1. 占位符

Hexo官网网站
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

第一步:Git安装

Git官方网站
双击安装包进行安装,选项全部默认。可以调整安装目录

第二步:Node安装

Node.Js官网网站
点击下载长期维护版本
双击安装包进行安装,选项全部默认。可以调整安装目录

第三步:Vscode安装

Vscode官方网站
双击安装包进行安装,选项全部默认。可以调整安装目录

第四步:Vscode汉化

Vscode汉化图文

第五步:npm替换淘宝源

为什么npm替换淘宝源?
npm的默认源是国外的,访问速度很慢,需要替换为淘宝源提高访问及下载速度

修改为淘宝镜像源地址
npm config set registry https://registry.npm.taobao.org
查询源地址
npm config get registry

如果返回https://registry.npm.taobao.org,说明镜像配置成功。

第六步:hexo安装及基础使用

安装hexo脚手架
npm install -g hexo-cli
查看是否安装成功(有输出内容即为成功)
hexo version
新建博客项目
首先在文件管理器新建文件夹(一定要是英文目录)
打开终端切换到创建的文件夹目录
cd libuhua_blog (目录路径请按照自己的路径修改)
初始化博客项目
hexo init
新建文章
hexo new hello2
清除缓存
hexo clean
生成网站
hexo generate
或
hexo g
执行完后会在libuhua_blog目录下生成public目录及我们需要部署博客的网站代码

第七步:Markdown语法

Hexo的文章语法是基于Markdown的,大家写文章之前请先学习Markdown语法
Markdown官方网站

第八步:Github访问加速

Github官网
由于Github服务器在国外的原因,所以国内访问速度很慢。但是有些同学又不会魔法,教大家一种免费加速的软件。
首先下载网易UU加速器
在右上角的搜索框输入“学术”
开启加速,会大大提升Github访问速度

第九步:Github账号注册

参考视频

第十步:部署Hexo到Github

创建githubPages项目

github创建githubPages

上传Hexo静态文件

这里采用最简单的办法

  1. 进入创建好的项目,点击右上角addFile选择uploadFiles
  2. 打开你的博客项目文件夹,将public下的文件拖拽到上传文件区域
  3. 上传完成后Commit changes
开启githubPages

首先Github打开项目点击settings
github开启GithubPages服务

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值