手摸手教你搭建【Hexo个人博客】-拿来即用

199 阅读2分钟

「这是我参与2022首次更文挑战的第4天,活动详情查看:2022首次更文挑战」。

什么是Hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。此处附上Hexo中文官网。下面我们详细介绍搭建步骤。

别人都是教你怎么配置,我这边都是配置好的;拿来即用;只需要把名字改为自己的即可;配置文件都有注释,跟自己的喜好修改即可使用;

事先准备

具体安装方法网上很多;就不在赘述了;

image.png


基本流程

克隆源码

  • 使用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等静态网站托管也可以;

注意事项

// 若是从零创建;需要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/…