您的位置:

Gridea主题魔改及博客应用

一、主题魔改

Gridea是一个跨平台的静态博客生成器,在多个平台下都具有良好的体验,本身还附带了很多优秀的博客主题。但对于个性化需要,我们可以对主题进行魔改。下面是一个基于Gridea内置主题的魔改实例。

---  
layout: home  
title: Home  
posts_title: Posts  
posts:  
  limit: 7  
  sort_by: created  
  source: posts  
---  
    
{% if site.seo.enable %}  
{% include home/seo.html %}  
{% endif %}  
    

   
{% include home/nav.html %} {% include home/banner.html %}
{{ content }}
{% include home/posts.html %}
{% include home/footer.html %} {% include home/scripts.html %}

以上代码将默认首页内容的位置修改到了首页的banner下,同时将文章主体显示在了“posts”下方。这里我们还可以为“posts”加上其他样式表,以达到更好的效果。

二、博客选取

Gridea内置主题中有很多非常优秀的样式,但大多数只能满足一些基本需求。我们可以在Gridea官网上寻找其他开发者开发的主题,也可以根据自己的需求,开发一款适合自己的主题。

下面是Gridea官方提供的一款主题,名叫“Panda”,样式简洁大方,文字清晰易读:

---  
layout: home  
title: Home  
description: Home title description  
keywords: home keyword1, home keyword2  
posts_title: Posts  
posts:  
  limit: 6  
  sort_by: created  
  source: posts  
    
---  
    
{% include _layouts/header.html %}  
    
{% include _includes/slider.html %}  
    

   
{%- include _includes/section-head.html title=posts_title -%} <!-- Posts Loop --> <div class="columns is-multiline"> {% for post in posts %} {% include _includes/post-article.html post=post type='home' %} {% endfor %} </div> {%- include _includes/section-footer.html label=page_label -%}
{% include _layouts/footer.html %} {% include _layouts/scripts.html %}

在这款主题中,作者将文章列表和首页博客主体合并为一个页面,使得用户可以直接阅读文章。同时,页面中添加了幻灯片,更多的提供了博客的视觉享受。

三、博客应用

Gridea基于MarkDown语法,让博客书写更加简单,可以更加专注于内容创作。同时,Gridea可以直接输出为静态HTML文件,可以使用Github Pages,腾讯云等云存储空间快速地搭建博客。下面是一个博客应用实例:

---  
layout: post  
title: "我的第一篇博客"  
date: 2021-05-15   
categories: Tech  
tags: [Tech,Gridea]  
    
---  
    
这是一篇专门介绍Gridea的博客。  
    
# 博客特点  
1. 功能齐全  
2. 界面美观  
3. 支持多设备  
    
## 安装  
可以在官网上下载Gridea的最新版本,或者在Github上查看最新代码。  
    
## 使用  
利用Gridea的MarkDown语法进行博客创作,之后再发布到博客系统上。  
    
### 代码示例  
下面是一个博客示例:
---  
layout: post  
title: "我的第一篇博客"  
date: 2021-05-15   
categories: Tech  
tags: [Tech,Gridea]  
    
---  
    
这是一篇专门介绍Gridea的博客。
## 输出 由于Gridea是一个可以直接输出为HTML文件的系统,可以直接上传博客文件到服务器,使用云主机+nginx进行访问。 ## 好处 写博客有很多好处,比如可以帮助我们提高撰写和表达能力,可以帮助我们分享经验和知识,可以给我们带来实际的利益等。 ## 未来 我们希望能够通过Gridea创造一个更好的世界!

以上是一篇基于MarkDown的博客,简单易读,符合现代人的写作阅读习惯。通过这种方式,博客可以更好地展示内容,同时也便于维护和管理。

Gridea主题魔改及博客应用

2023-05-18
博客园主题:一个出色的博客开发者的选择

2023-05-17
印象笔记记录java学习(Java成长笔记)

2022-11-12
java客户端学习笔记(java开发笔记)

2022-11-14
重学java笔记,java笔记总结

2022-11-23
blog博客php版本,phpblog系统

2022-11-23
java学习历程博客(java开发笔记)

2022-11-09
php博客管理系统,php 博客系统

2023-01-08
python大婶博客汇总(python博主)

2022-11-10
java笔记,大学java笔记

2022-11-28
学习java的hmr的博客(java开发笔记)

2022-11-10
java笔记,尚硅谷java笔记

2022-12-01
学习java的笔记领域博主(java技术大牛博客)

2022-11-15
java笔试题分类总结,java面试题及答案整理

2022-11-16
java博客,java博客项目可以用来面试吗

2023-01-04
jsp程序开发学习笔记2,jsp程序设计题库

本文目录一览: 1、《JSP&Servlet学习笔记》pdf下载在线阅读,求百度网盘云资源 2、林信良编著jsp&servlet学习笔记第2版课后答案吗 3、jsp有没有快速掌握的办法呀? 4、要学J

2023-12-08
用c语言写博客,c++博客系统

2022-11-30
java方法整理笔记(java总结)

2022-11-08
python笔记第六天,python第六周笔记

2022-11-21
Python狂魔的微博

Python狂魔的微博是一个以Python编程语言为中心的微博账号。在这个账号上,Python狂魔分享了大量有关Python的知识、技巧和实例,并与广大Python爱好者交流互动。下面将从多个方面对P

2023-12-08