Sparkle79's Field

博客搭建过程记录

2025/03/18
loading

博客搭建流程

  • 博客框架: Hexo
  • 数据存储: Github Page
  • CDN: Cloudflare
  • 域名: 腾讯云

Hexo：博客内容的生成及渲染框架
GithubPage：存储博客内容，包括文章，图片等
CDN：国内访问 Github 由于众所周知的原因受限，可以通过CDN技术解决， 且 Cloudflare 免费提供服务
域名：配合 CDN ，通过域名直接访问博客站点

1、本地安装Hexo框架

确保本地有npm包

1
npm install -g hexo-cli

2、初始化本地文件

为博客 or 网站起一个工程名，以”my-blog”为例

1
2
3
hexo init my-blog
cd my-blog
npm install

3、本地预览

现在已经基于Hexo完成了博客框架的生成，可以在本地进行预览

1
2
hexo g  # 生成静态文件
hexo s  # 本地预览

在命令行完成命令后，会提示本地运行的博客端口，直接访问即可，默认访问端口4000

4、Github Page配置

进入到 my-blog 项目目录

1
npm install hexo-deployer-git --save

修改 _config.yml

1
2
3
4
deploy:
  type: git
  repo: https://github.com/yourusername/my-blog.git
  branch: gh-pages

部署

1
2
3
hexo clean
hexo g
hexo d

5、域名注册

云服务厂商中大多都会提供域名购买的服务
以腾讯云为例，不同的域名价格也不同

alt text

6、CDN配置

详情操作步骤可见：
CDN配置

Author：Sparkle79

Link：https://slspk.ltd/2025/03/18/%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA%E8%AE%B0%E5%BD%95/

Publish date：March 18th 2025, 11:48:20 pm

Update date：April 11th 2025, 5:00:50 pm

License：本文采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可

CATALOG
  1. 1. 博客搭建流程
    1. 1.1. 1、本地安装Hexo框架
    2. 1.2. 2、初始化本地文件
    3. 1.3. 3、本地预览
    4. 1.4. 4、Github Page配置
    5. 1.5. 5、域名注册
    6. 1.6. 6、CDN配置
Total : 8
2025
技术 旅行 随想