1 Star 0 Fork 0

J.sky / suiyan_free_blog

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
README.md 1.62 KB
AI 代码解读
一键复制 编辑 原始数据 按行查看 历史
J.sky 提交于 2023-04-08 08:59 . 更新readme

free_blog 碎言静态博客主题

介绍

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

碎言静态博客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,也可以将静态文件部署到虚拟主机云服务器上,复制静态文件目录下的所有文件到你的站点目录下即可。

HTML
1
https://gitee.com/J_Sky/suiyan_free_blog.git
git@gitee.com:J_Sky/suiyan_free_blog.git
J_Sky
suiyan_free_blog
suiyan_free_blog
master

搜索帮助