使用Hexo搭建博客

我需要的快速、简洁且高效的博客框架->Hexo

Hexo 支持 GitHub Flavored Markdown 的所有功能，甚至可以整合 Octopress 的大多数插件。

安装

##全局安装hexo
npm install hexo-cli -g
#初始化hexo目录
hexo init <folder>
cd <folder>
npm install

安装后目录结构说明：

📦blog #博客·安装路径
 ┣ 📂scaffolds    #模板文件
 ┃ ┣ 📜draft.md    #草稿模板
 ┃ ┣ 📜page.md    #页面模板
 ┃ ┗ 📜post.md    #文章模板
 ┣ 📂source    #资源文件
 ┃ ┗ 📂_posts    #文章路径
 ┃ ┃ ┗ 📜hello-world.md    #实际文章
 ┣ 📂themes    #主题
 ┃ ┗ 📜.gitkeep
 ┣ 📜package.json
 ┣ 📜_config.landscape.yml    #_config.[theme].yml 用于编辑主题配置
 ┗ 📜_config.yml    #配置文件 ！重要！！

启动命令

#更多详细命令查看官网：https://hexo.io/zh-cn/docs/commands.html
#启动
hexo s
#下面为指定配置文件
hexo s --config custom.yml,custom2.json,custom3.yml

打开浏览器输入http://localhost:4000/ 出现hexo界面则表示启动成功了

管理与编写博客

文档管理结构

下面是我们常见的一个文档管理方式，不论doc也好，还是md也罢，我们都喜欢通过建立文件夹的方式进行分类然后梳理，下面的我通过建立文档同名的方式(或者图床)表示文档需要的文件。

📦macdown
 ┣ 📂工具 #分类
 ┃ ┣ 📂minio #分类
 ┃ ┃ ┣ 📂minio #对应md文件的附件
 ┃ ┃ ┃ ┗ 📜simplicity.gif
 ┃ ┃ ┗ 📜minio.md #md文件
 ┃ ┣ 📂博客 #分类
 ┃ ┃ ┣ 📂使用Hexo搭建博客  #对应md文件的附件
 ┃ ┃ ┃ ┗ 📜image-20210623193347044.png
 ┃ ┃ ┣ 📜使用Hexo搭建博客.md
 ┃ ┃ ┗ 📜关于管理与写博客.md
 ┃ ┗ 📜常用工具.md #文章
 ┣ 📂开发 #分类
 ┃ ┗ 📂bat #更多分类与文章

上面这个目录结构，我相信不管是写博客还是仅仅做笔记或者整理资料的人，大部分过程应该都是这样的，我习惯将这个结构放在OneDrive中，OneDrive可以通过邀请增加容量，嫌麻烦某宝有售(1.5¥,10G(最大10G,写文章够用),5分钟到)。

推荐工具

编辑神器：Typora MacDown编辑神器 (万年bate版本，免费使用)

生产力工具：uTools ->安装自动化助手 辅助编辑更加方便（免费使用）

发布配置

插件

下面的自定义配置为使用git发布博客，首先需安装hexo-deployer-git 插件,其它插件为更方便使用

## git上传发布，一键部署时使用
npm install hexo-deployer-git --save

#hexo增强配置，可以不用手动维护 front-matter，文章标题建议使用 20210628 标题.md
npm install hexo-enhancer --save

#处理图片路径转换问题，当开启post_asset_fo