Sympo: 基于Astro的轻量极简风静态网站生成器

基于Astro的个人项目，旨在练习本人的前端能力，以及提供快速搭建完整轻量静态博客的方案

项目结构

.
├── bin
├── _config.yaml
├── dist
├── _posts
├── public
├── src

src

基于Astro框架的源代码，用于构建页面等。

_posts

以markdown格式存放所有的文章。

public

网站使用的素材，包括头像，建议使用者自行修改。

dist

构建后生成的静态页面，可用nginx部署到网络。

_config.yaml

配置项，目前有用于部署的服务端ip，用户名和路径，以及个人站点的名称。

安装与初始化

npm install -g @sydx/sympo-cli

安装sympo-cli

sympo init

将当前目录初始化

sympo init <target>

将目标目录初始化

使用

创建文章

1. 纯文字文章

sympo new "Hello"

在_posts/下创建Hello.md

2. 带有静态资源的文章

sympo new "Hello" --assets

在_posts/下同时创建Hello.md和用于存放图片等资源的Hello/目录

构建静态页面

sympo build

在dist/下生成完整可部署的页面

开发环境测试

sympo server

使用astro开发模式，启动一个http服务器，测试网页功能

网站部署

sympo deploy

将dist/使用scp部署到服务端。服务端配置参见config部分

配置

_config.yaml配置项

1. server

   部署目标服务器的ip地址。

2. username

   部署目标服务器的用户名。

3. remote

   部署目标服务器上放置dist/的绝对路径。

4. title

   站点的名称。

关于页

请自行修改src/about.md

我的个人网站

访问 BlueBits 查看该项目的运行实例