「这是我参与2022首次更文挑战的第4天,活动详情查看:2022首次更文挑战」。
什么是Hexo
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。此处附上Hexo中文官网。下面我们详细介绍搭建步骤。
别人都是教你怎么配置,我这边都是配置好的;拿来即用;只需要把名字改为自己的即可;配置文件都有注释,跟自己的喜好修改即可使用;
事先准备
具体安装方法网上很多;就不在赘述了;
- 安装Git:官网地址: git-scm.com/;下载软件,一路点下一…
- Node.js 安装包下载地址为:nodejs.org/en/download…。下载软件,一路点下一步即可
基本流程
克隆源码
- 使用Git进行克隆源码:git clone gitee.com/yonghui666/…
- 安装npm依赖包:npm i 或 yarn add
- 新建文章命令:hexo new [layout]
- 本地浏览器运行预览命令:npm run s
本地访问:http://localhost:4000/ 即可查看博客
-
打包<用于上传服务器>:npm run b
-
把打包后的public目录上传到静态资源服务器即可
想要发布到互联网让大家访问
- 需要具备域名服务器等常识哦
- 或者使用码云、GitHub等静态网站托管也可以;
注意事项
- hexo文档:hexo.io/zh-cn/docs/…
- 本文所使用的主题文档:molunerfinn.com/hexo-theme-…
// 若是从零创建;需要npm i hexo -g 全局安装hexo
hexo init
npm install
npm install hexo-theme-melody
改配置:theme: melody # 将主题设置成melody;或者下载自己喜欢的主题
若你的 hexo 版本大于5.0.0:你需要在 hexo 工作目录下创建一个 _config.melody.yml,并将主题目录(不是 hexo 工作目录)下的 _config.yml 内容拷贝至 _config.melody.yml。
运行保存需要安装:npm install --save hexo-renderer-jade hexo-generator-feed hexo-generator-sitemap hexo-browsersync hexo-generator-archive
打包上传静态服务器需要配置:在站点配置文件根目录/_config.yml中配置URL:
仓库地址:gitee.com/yonghui666/…