零基础Hexo搭建个人博客网站
本文章涉及Hexo搭建&部署到Github,不涉及进阶使用。
视频版链接
进阶文章列表(待更新)
- 占位符
Hexo官网网站
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
第一步:Git安装
Git官方网站
双击安装包进行安装,选项全部默认。可以调整安装目录
第二步:Node安装
Node.Js官网网站
点击下载长期维护版本
双击安装包进行安装,选项全部默认。可以调整安装目录
第三步: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项目
上传Hexo静态文件
这里采用最简单的办法
- 进入创建好的项目,点击右上角addFile选择uploadFiles
- 打开你的博客项目文件夹,将public下的文件拖拽到上传文件区域
- 上传完成后Commit changes
开启githubPages
首先Github打开项目点击settings