Hexo是一款静态博客框架，可以快速的生成静态网页。对于没有复杂功能需求的博客站点来说， 是非常不错的选择。
hexo 支持使用markdown编写文章，然后将其转换成静态网页，可以非常方便的部署在一些免费的静态博客站点，比如
github pages, cloudflare pages。本文是我搭建博客的记录，希望对想搭建博客的朋友有所帮助。

Github pages + Hexo

github pages + Hexo 可以参考这篇文章， 写的非常详细 github pages + hexo

minimalism 主题

我使用的主题是 minimalism， 只提供博客最基础的功能，非常简洁，对于博客不想折腾的朋友，非常适合。 使用可以参考它的文档 minimalism文档

使用自定义域名

如果对github pages 分配的域名不喜欢， 你可以使用自定义域名。 使用自定义域名，首先要购买一个域名，可以参考下面文章

阿里云注册和使用域名

github page 自定义域

恭喜你，到这，你就成功的拥有自己的个人静态博客站点了

使用cloudflare CDN 加速

Cloudflare CDN（内容分发网络）是一个全球性的网络服务平台，主要功能是加速网站的内容加载速度，减少延迟，
并提高网站在全球范围内的可访问性和性能。CDN 通过在世界各地的多个数据中心缓存网站的静态资源
（如图片、JavaScript 和 CSS 文件）

可以参考这篇文章，来给自己网站设置cloudflare加速
cloudflare免费CDN加速你的网站

注意

如果使用github pages 搭建静态博客，使用cloudflare 作为cdn的话。这种情况下， 你访问www.example.com 事实上
不会直接访问github pages的服务器站点, www.example.com 解析将会指向cdn服务器

所以github pages 将不能启用https 但是可以启用cloudflare 的边缘https, 用于加密访问者和 Cloudflare 之间的流量。
只需要将 cloudflare 的始终使用https打开，以及设置自动重写https即可， 这些设置项的菜单路径 网站-> ssl/tls -> 边缘证书
然后寻找到这些设置项即可。

使用cloudflare pages部署hexo博客

cloudfare pages也可以免费部署静态博客站点， 跟github pages类似， 而且还可以享受cdn加速效果
详细可以参考这篇博客， 写的也非常详细 cloudflare page 部署 hexo

向搜索引擎提交自己的网站

bing

google

添加google analytics

可以参考这面这个教程

如何在网站上添加谷歌分析工具

hexo 常用命令

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
#初始化新博客 这个命令用于在指定的文件夹中创建一个新的 Hexo 项目。如果不指定文件夹，它会在当前目录下创建
hexo init [folder]

#生成静态文件 简写为 hexo g。这个命令用于生成静态文件，通常这些文件会存放在 public 目录中。
hexo generate

#启动服务器 简写为 hexo s。这个命令用于启动一个本地服务器，通常用于预览正在开发中的网站。默认情况下，
#可以通过 http://localhost:4000/ 访问
hexo server

#部署网站 简写为 hexo d。这个命令用于部署网站到远程服务器。使用之前需要在 _config.yml 文件中配置部署选项。
hexo deploy

#创建新文章  例如，hexo new post "My New Post" 创建一个新的博文。
#layout 可以是任何预定义的布局（例如 post、page），默认是 post。
hexo new [layout] <title>

#清除缓存 这个命令用于清除缓存文件 (db.json) 和已生成的静态文件 (public)。这是解决某些构建问题时的一个常用命令。
hexo clean

#列出网站资料 例如文章、页面。
hexo list

hexo 使用图片的几种方式

1. Markdown 语法

1
2
3
4
5
6
7
8
9
![Alt text](/path/to/your/image.jpg)
其中 Alt text 是图片的替代文本（用于描述图片，特别是在图片无法显示时），/path/to/your/image.jpg 是图片的路径

你可以将图片放在 Hexo 项目的 source 文件夹中的任意位置（例如 source/images），然后在 Markdown 文件中使用相对路径引用它：
![Alt text](/images/image.jpg)


绝对路径,如果图片位于网站外部，你可以直接使用绝对路径或 URL 来插入图片：
![Alt text](https://example.com/image.jpg)

2. Hexo 特定标签

Hexo 还支持使用特定的标签插件来处理图片，这可以提供更多的自定义选项。例如：

1
2
{% asset_img slug [title] [alt] %}
使用这种方式，图片文件需要放在与文章相同的目录中。slug 是文件名，title 是图片的标题（可选），alt 是替代文本（可选）

3. HTML 语法

如果你需要对图片进行更复杂的样式处理（如大小调整、边框等），可以直接使用 HTML 标签：

1
<img src="/path/to/image.jpg" alt="Alt text" style="width: 50%;">