我的第一篇文章

开始我的博客之旅

Posted by farmer3-c on August 20, 2025

前言

一直想搭建一个自己的个人博客,苦于网上的教程说的云里雾里,于是未果。
忽然发现 Hux Blog,得以顺利搭建,将搭建过程作为第一篇博客发布。

详细搭建步骤

  1. 环境准备 首先需要安装必要的开发环境 :

    • 安装Ruby和Bundler
    • 安装项目依赖:

      $ bundle install

  2. 启动本地开发服务器
    • 运行以下命令启动本地预览(默认端口4000):

      $ bundle exec jekyll serve # 或者使用 npm start

  3. 基础配置定制
    • 修改_config.yml文件进行个性化配置 :

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      
        ##### Site settings  
        title: 你的博客标题  
        SEOTitle: 你的SEO标题  
        description: "博客描述"  
              
        ##### SNS settings        
        github_username: 你的github用户名  
        weibo_username: 你的微博用户名  
              
        ##### Build settings  
        paginate: 10  # 每页文章数量
      
  4. 创建博客文章
    • 手动创建 在_posts/目录下创建Markdown文件,包含YAML头文件 :

1
2
3
4
5
6
7
8
9
10
    layout:     post  
    title:      "文章标题"  
    subtitle:   "副标题"  
    date:       2015-01-29 12:00:00  
    author:     "作者名"  
    header-img: "img/post-bg-2015.jpg"  
    catalog: true  
    tags:  
        - 标签1  
        - 标签2    ***
  • 使用Rake工具自动生成 使用命令自动生成文章模板:

    rake post title=”文章标题” subtitle=”副标题”

    这个命令会在_posts/目录下自动创建带有正确格式的文章文件。

  1. 高级功能配置
    • 侧边栏设置 在_config.yml中配置侧边栏:

      ##### Sidebar settings
      sidebar: true
      sidebar-about-description: “个人描述”
      sidebar-avatar: /img/avatar.jpg 推荐标签功能 配置标签推荐功能:

      ##### Featured Tags
      featured-tags: true
      featured-condition-size: 1 # 标签文章数量阈值 友链配置 添加友情链接:

      ##### Friends
      friends: [
      {
      title: “朋友博客”,
      href: “http://friend.github.io/”
      }
      ]

  2. 部署到GitHub Pages
    • 这个博客系统的核心优势在于GitHub Pages + Jekyll的部署方案 :

      • Markdown优雅写作体验
      • 熟悉的Git工作流,Git Commit即Blog Post
      • 利用GitHub Pages免费域名和无限空间
      • Jekyll自定制容易
      • 只需要将代码推送到GitHub仓库,GitHub Pages会自动构建和部署你的博客。