Zine官网、案例、教程、文档、下载

Zine - 一个帮助每个人构建一份属于自己的杂志的开源软件。

移动优先。

直观优雅的杂志设计。

最佳阅读体验。

主题可定制,扩展友好。

支持 RSS 提要。

支持 Open Graph 协议。

输出成静态网站,可以在任何地方托管。

安装

cargo install zine

开始使用

运行zine new your-zine-site,你会得到以下目录:

$ tree your-zine-site

your-zine-site

├── content # The content directory your seasons located

│ └── season-1 # The first season directory

│ ├── 1-first.md # The first markdown article in this season

│ └── zine.toml # The season Zine config file

└── zine.toml # The root Zine config file of this project

2 directories, 3 files

运行zine serve以在本地计算机上预览你的 zine 站点:

$ cd your-zine-site

$ zine serve

███████╗██╗███╗ ██╗███████╗

╚══███╔╝██║████╗ ██║██╔════╝

███╔╝ ██║██╔██╗ ██║█████╗

███╔╝ ██║██║╚██╗██║██╔══╝

███████╗██║██║ ╚████║███████╗

╚══════╝╚═╝╚═╝ ╚═══╝╚══════╝

listening on http://127.0.0.1:3000

运行zine build将你的 zine 网站构建为静态网站:

$ cd your-zine-site

$ zine build

Build success! The build directory is `build`.

详细介绍

一个 Zine 项目主要由两个类型的zine.toml文件和一堆 markdown 文件组成。

项目 zine.toml

项目的 zine.toml文件描述了你的站点元数据和你所有的杂志季刊信息。

[site]

url = "https://your-domain.com"

name = "Your Zine Site Name"

description = ""

logo = "path/to/favicon"

# the locale to localize your Zine site. default to "en".

# Zine has builtin supported locales, please check the `locales` directory of this repo.

locale = "en"

# the menu tabs

menu = [

{ name = "About", url = "/about" },

{ name = "Blog", url = "/blog" },

]

# You can customize some theme elements in this section.

# All of those elements are optional.

[theme]

# the primary color

primary-color = "#abcdef"

secondary-color = "#fff"

# the main text color

main-color = "#000"

# the link color in article content

link-color = "#e07312"

# the background image

background-image = "/static/background.png"

# you can customize your footer here

footer-template = "templates/footer.html"

# Season 1

[[season]]

# the slug of this season: https://your-domain.com/s1

slug = "s1"

# the number of this season

number = 1

# season title

title = "Season 1"

# the directory path to parse this season, you should put

# your markdown files in this directory

path = "content/season-1"

# the introduction of this season. optional.

intro = "content/season-1/intro.md"

# Season 2

[[season]]

slug = "s2"

number = 2

title = "Season 2"

path = "content/season-2"

季刊 zine.toml

季刊 zine.toml档案列出了您本季的所有文章。

[[article]]

# the slug of this article. E.g: https://your-domain.com/s1/1

slug = "1"

# the markdown file path of this article

file = "1-first.md"

# the title of this article

title = "First article"

# the optional author of this article

author = ""

# the cover of this article

cover = ""

# the publish date of this article

pub_date = "2022-03-20"

# whether to publish this article or not

publish = true

# whether mark this article as a featured article.

# the featured articles will be shown on the home page

featured = true

# Another article

[[article]]

高级功能

页面

`pages` 目录下的每个 markdown 文件都将被渲染为一个页面。就像这样直观:

$ tree pages

pages

├── about.md # will be rendered as https://your-domain.com/about

├── blog

│ └── first.md # will be rendered as https://your-domain.com/blog/first

├── blog.md # will be rendered as https://your-domain.com/blog

└── faq.md # will be rendered as https://your-domain.com/faq

1 directory, 4 files

评论

您可以为一篇文章添加任意数量的评论。

You cool article content.

+++

[[comment]]

author = "Bob"

bio = "A developer"

content = "The cool comment"

[[comment]]

author = "Alice"

bio = ""

content = "Another cool comment"

+++

代码块

Zine 提供了一些高级代码块来帮助您撰写文章。

网址预览

```urlpreview

https://github.com/zineland/zine

```

一些由 Zine 提供支持的酷杂志

https://2d2d.io