# Nola-Apple

**Repository Path**: luodachui/nola-apple

## Basic Information

- **Project Name**: Nola-Apple
- **Description**: Nola 博客 Apple 端（开发中）
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-03-18
- **Last Updated**: 2025-08-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

目前 iOS 版本的 Nola 开发正进行中。

采用 SwiftUI 为主与 UIKit 混合开发。

下面是目前部分截图，仅供参考，最终效果以实际上架版本为准。

iOS 端的文章查看使用 Web 容器渲染，使用 Marked.js 进行 Markdown 解析、TailwindCSS 进行文章样式排版、highlight.js 处理代码高亮。

后续 Android 版本可能也采用这种 Markdown 渲染方案，目前文章展示的样式与博客前端的文章样式一致，手机上看到的，就是博客前端看到的效果。

<div style="display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 10px;">
    <img style="width: 100%;" src="https://ldc-1251523367.cos.ap-beijing.myqcloud.com/nola/nola-ios/nola_ios_1.PNG" width="240" alt="nola_ios_1"/>
    <img style="width: 100%;" src="https://ldc-1251523367.cos.ap-beijing.myqcloud.com/nola/nola-ios/nola_ios_2.PNG" width="240" alt="nola_ios_2"/>
    <img style="width: 100%;" src="https://ldc-1251523367.cos.ap-beijing.myqcloud.com/nola/nola-ios/nola_ios_3.PNG"
width="240" alt="nola_ios_3" />
    <img style="width: 100%;" src="https://ldc-1251523367.cos.ap-beijing.myqcloud.com/nola/nola-ios/nola_ios_4.PNG"
width="240" alt="nola_ios_4" />
    <img style="width: 100%;" src="https://ldc-1251523367.cos.ap-beijing.myqcloud.com/nola/nola-ios/nola_ios_5.PNG"
width="240" alt="nola_ios_5" />
    <img style="width: 100%;" src="https://ldc-1251523367.cos.ap-beijing.myqcloud.com/nola/nola-ios/nola_ios_6.PNG"
width="240" alt="nola_ios_6" />
    <img style="width: 100%;" src="https://ldc-1251523367.cos.ap-beijing.myqcloud.com/nola/nola-ios/nola_ios_7.PNG"
width="240" alt="nola_ios_7" />
    <img style="width: 100%;" src="https://ldc-1251523367.cos.ap-beijing.myqcloud.com/nola/nola-ios/nola_ios_8.PNG"
width="240" alt="nola_ios_8" />
    <img style="width: 100%;" src="https://ldc-1251523367.cos.ap-beijing.myqcloud.com/nola/nola-ios/nola_ios_9.PNG"
width="240" alt="nola_ios_9" />
    <img style="width: 100%;" src="https://ldc-1251523367.cos.ap-beijing.myqcloud.com/nola/nola-ios/nola_ios_10.PNG"
width="240" alt="nola_ios_10" />



​    

</div>