# suiyan_free_blog

**Repository Path**: J_Sky/suiyan_free_blog

## Basic Information

- **Project Name**: suiyan_free_blog
- **Description**: 碎言静态博客主题free_blog
- **Primary Language**: HTML
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-04-08
- **Last Updated**: 2023-04-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 主题, 博客主题, 碎言博客

## README

## free_blog 碎言静态博客主题

### 介绍
大道至简，返璞归之，这是一款侧重与内容的博客主题
本项目为[碎言静态博客](https://github.com/bosichong/suiyan.git)主题。
主题支持亮色和黑暗主题在线切换。

[碎言静态博客Gitee](https://gitee.com/J_Sky/suiyan)
[碎言静态博客GitHub](https://github.com/bosichong/suiyan.git)

### 效果展示

![](doc/001.png)

![](doc/002.png)

### 技术框架

主题模板采用了jinja2的模板引擎，使用了pico.css样式制作。
图标：[FontAwesome 4.7.0 中完整的675个图标样式CSS参考](https://9iphp.com/fa-icons)
响应式适配移动端。


### 安装教程

1. 首先克隆下载本主题到碎言静态博客程序`theme`目录下。
2. 修改配置文件 `config.json`中的"theme": "主题目录",即可启用。


### 运行预览

本地主题开发编写，推荐使用`Live Server`这个vscode得插件，非常方便。
在配置文件里修改：
"dev": 1,  # 调试模式，如果改为1，则使用"blog_test_url"来添加静态资源地址前缀，方便本地调试。

### 修改主题样式

主题采用jinja2模板引擎，在主题或是模板目录修改样式，一键生成页面，直接同步页面。
在jinja2 模板中使用`{{ 属性名称 }}`来调用。

### github pages

如何部署GitHub pages 搭建自己的博客，这里就不在详细介绍了，请参考下文。

[GitHub Pages 快速入门](https://docs.github.com/zh/pages/quickstart)

除了部署GitHub，也可以将静态文件部署到虚拟主机云服务器上，复制静态文件目录下的所有文件到你的站点目录下即可。