为什么要做个人博客
随着学的东西越来越多，自己的笔记也越来越多，不好管理的同时，一些自己踩过的坑也不好分享给别人，思来想去还是做一个博客，记录一下自己的学习和生活。
准备工作
1、准备一个域名
2、注册一个Cloudflare账号
3、注册一个GitHub账号
5、安装一个代码编辑器，这里推荐Visual Studio Code
第一步，安装hexo
1、打开cmd控制面板
npm install -g hexo-cli
2、在合适的位置新建一个文件夹
3、打开新建的文件夹，输入
hexo init
这个时候，目录下会多出一些文件，比如
4、启动代码编辑器，比如vscode，选择整个文件夹打开，就可以任意编辑文件，修改配置了
5、可配置的内容比较多，需要慢慢学习摸索，可以去官方配置 | Hexo页面了解
6、安装喜欢的主题，好的主题不仅美观，而且层次分明，很提升浏览和检索效率。
这里以安装butterfly为例，你也可以去Hexo官方主题库选择喜欢的主题。
打开代码编辑器的终端，直接输入
git clone -b master https://gitee.com/immyw/hexo-theme-butterfly.git themes/butterfly
7、之后，再安装插件和渲染器
npm install hexo-renderer-pug hexo-renderer-stylus --save
8、为防止之后cloudflare pages在初始化时找不到主题的url，我们需要在根目录新建一个文件，取名 .gitmodules ，写入以下内容：
[submodule "themes/butterfly"]
path = themes/butterfly
url = git@github.com:jerryc127/hexo-theme-butterfly.git
注意这里的path和url需要根据你设置的主题进行修改
9、运行以下命令，查看博客页面
hexo clean //执行此命令后继续下一条
hexo g //生成博客前端代码
hexo s //本地预览
之后Ctrl+点击
就可以在默认浏览器查看你现在博客的样子了
第二步，设置github个人仓库
1、登录github，在右上角处点击
2、设置仓库名称，属性选择私人仓库，取一个合适的名字，尽量不要有中文、符号、括号之类的。
3、来到新建的仓库页面，复制git链接
4、推荐在除C盘外的任意盘根目录下，右键点击git bash，输入：
git clone https://github.com/yourname/example.git
这里替换成你自己的用户名和仓库名，会自动下载仓库的文件夹，注意当前目录不要有和仓库同名的文件夹。
5、将之前hexo新建的文件夹内，全部内容复制到github仓库文件夹内，像这样
6、进入文件夹，右键点击git bash，输入：
git init
git add .
git commit -m "Initial commit"
git push -u origin main
即可将代码上传至github仓库，后续的更新只需要输入：
git add .
git commit -m "Initial commit"
git push -u origin main
即可，如果不打算每次写commit，也可以保存成一个快捷命令，在博客文件夹根目录新建一个记事本，打开，下入：
@echo off
git add .
git commit -m "Initial commit"
git push -u origin main
pause
保存成.bat文件，比如 git-commands.bat，直接双击使用。
第三步，设置cloudflare
1、打开cloudflare的主页，在左下角找到
2、新建一个应用程序，选择pages
3、选择你新建的github仓库
4、开始配置
5、构建配置命令这里一定要输入 npx hexo generate
6、配置环境变量 NODE_VERSION 和 NPM_VERSION ，选择你电脑里的版本号
7、部署，大功告成，顺利的话，部署完成之后打开cloudflare给的链接，就能看到和本地调试一样的内容了。
8、为了更好记，更有个人的标记，这时候就要用到最开始准备的域名了，在项目设置找到自定义域名
输入你要使用的域名，并在域名解析中添加一个cname解析，指向cloudflare pages分配的地址，就可以用你的域名访问博客了！
最后逼逼两句
为什么不直接部署在github pages
因为免费用户想使用github pages，github仓库必须是开放的，这意味着所有人都能直接下载你的个人博客的所有内容，为了个人信息安全考虑，还是采用私人仓库，使用cloudflare pages部署比较好
建好博客之后呢
下载一个makedown编辑器，就可以开始编写博客了，这里推荐一个开源免费的编辑器MarkText
为了能让博客更好的加载图片，并且减轻我们整理图片的压力，我们还需要一个图床，来存放博客中使用的图片，我之后也会整理一下目前能免费用且好用图床，敬请期待！
以及
欢迎大家来我的博客小凡同学学点啥玩耍，不过刚刚建好，还啥都没有呢，我会尽快更新一些好的内容的。
