3

🎉 使用 Astro 构建的苹果味博客,低调开源

 1 year ago
source link: https://www.v2ex.com/t/917870
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

V2EX  ›  程序员

🎉 使用 Astro 构建的苹果味博客,低调开源

  lookcos · lookcos · 15 小时 13 分钟前 · 2596 次点击

为什么写一个博客程序?

对现有博客程序不满,之前我的博客是基于 typecho 的。我不懂 PHP ,所以在折腾的时候有很大的局限性。
经过一些了解,我最终选择 Astro 构建新的博客程序。并且进行一次彻底的改版。
Astro 只需要会点前端基础就能写。这几天我参考官方文档,边学边做,实践出了这个产物。

  1. 基于 #Astro 构建,部署后生成静态文件
  2. 支持 明亮与黑暗模式(代码高亮同)。
  3. 支持 图片动画、标签、目录。
  4. 支持 Markdown 、MDX 。
  5. 响应式,且有三种图片模式(宽屏、竖屏、超宽屏),只需要在 alt 中指定即可。

值得一提的是,在使用了 Cloudflare 或者 Vercel 部署之后。我们只需要维护 Github 仓库即可,只需要提交到仓库,更新和发布都是自动的。而且免费、无需备案、在全球有不同节点。

预览 https://astro-blog.qum.cc/

Github https://github.com/austin2035/astro-air-blog

首页
文章黑暗模式
普通文章模式
Syntax

不同的图片显示模式

preview_different_mode.png

有三种图片显示模式: wide, big, inline. 当你编写 mark 文件的时候可以指定 widebiginline 到你的图片 alt 属性中, 比如这样:

![一些描述|wide](a.png)

分隔符号是 |, 默认模式是 big.

第 1 条附言  ·  10 小时 32 分钟前

欢迎给个 Star ,我感觉 Star 能鼓励我持续开发。
Github https://github.com/austin2035/astro-air-blog

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK