前言
一直想搭建一个自己的个人博客,苦于网上的教程说的云里雾里,于是未果。
忽然发现 Hux Blog,得以顺利搭建,将搭建过程作为第一篇博客发布。
详细搭建步骤
-
环境准备 首先需要安装必要的开发环境 :
- 安装Ruby和Bundler
- 安装项目依赖:
$ bundle install
- 启动本地开发服务器
- 运行以下命令启动本地预览(默认端口4000):
$ bundle exec jekyll serve # 或者使用 npm start
- 运行以下命令启动本地预览(默认端口4000):
- 基础配置定制
-
修改_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 # 每页文章数量
-
- 创建博客文章
- 手动创建 在_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/目录下自动创建带有正确格式的文章文件。
- 高级功能配置
-
侧边栏设置 在_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/”
}
]
-
- 部署到GitHub Pages
-
这个博客系统的核心优势在于GitHub Pages + Jekyll的部署方案 :
- Markdown优雅写作体验
- 熟悉的Git工作流,Git Commit即Blog Post
- 利用GitHub Pages免费域名和无限空间
- Jekyll自定制容易
- 只需要将代码推送到GitHub仓库,GitHub Pages会自动构建和部署你的博客。
-