free_blog 碎言静态博客主题

作者:J.sky · 发表于:
2023-04-08T09:35:36.000000Z
· 更新于:
2023-08-13T22:54:57.574618Z
· Tag: 碎言博客

大道至简,返璞归之,这是一款侧重与内容的博客主题 本项目为碎言静态博客主题。 主题支持亮色和黑暗主题在线切换。

碎言静态博客Gitee 碎言静态博客GitHub

效果展示

在这里插入图片描述

在这里插入图片描述

技术框架

主题模板采用了jinja2的模板引擎,使用了pico.css样式制作。 图标:FontAwesome 4.7.0 中完整的675个图标样式CSS参考 响应式适配移动端。

安装教程

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

运行预览

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

修改主题样式

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

github pages

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

GitHub Pages 快速入门

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

仓库地址

GitHub Gitee