https://github.com/taichunmin/liff-businesscard

A Bussiness Card For LINE Using LINE Front-end Framework (LIFF) API. 基於 LINE LIFF 技術所開發的數位版名片。
https://github.com/taichunmin/liff-businesscard

businesscard bussiness-card liff liff-businesscard line

Last synced: about 2 months ago
JSON representation

A Bussiness Card For LINE Using LINE Front-end Framework (LIFF) API. 基於 LINE LIFF 技術所開發的數位版名片。

• Host: GitHub
• URL: https://github.com/taichunmin/liff-businesscard
• Owner: taichunmin
• License: mit
• Created: 2020-07-15T21:31:04.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2025-03-11T08:11:00.000Z (3 months ago)
• Last Synced: 2025-03-28T15:11:21.246Z (2 months ago)
• Topics: businesscard, bussiness-card, liff, liff-businesscard, line
• Language: Pug
• Homepage: https://taichunmin.idv.tw/liff-businesscard/
• Size: 446 KB
• Stars: 64
• Watchers: 1
• Forks: 156
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
[![GitHub license](https://img.shields.io/github/license/taichunmin/liff-businesscard)](https://github.com/taichunmin/liff-businesscard/blob/master/LICENSE)

[![GitHub forks](https://img.shields.io/github/forks/taichunmin/liff-businesscard)](https://github.com/taichunmin/liff-businesscard/network)

[![GitHub stars](https://img.shields.io/github/stars/taichunmin/liff-businesscard)](https://github.com/taichunmin/liff-businesscard/stargazers)

# LINE 數位版名片 liff-businesscard

A Bussiness Card For LINE Using LINE Front-end Framework (LIFF) API.

* [點此加入「數位版名片技術討論群」](https://lihi1.com/CVjIx/github)

## Usage 使用教學

* [看起來很專業的 LINE 數位版名片](https://taichunmin.idv.tw/blog/2020-07-12-liff-businesscard.html)

* [不用寫程式也能做 LINE 數位版名片](https://taichunmin.idv.tw/blog/2020-07-21-liff-businesscard.html)

* [LINE 數位版名片工作坊](https://taichunmin.idv.tw/blog/2020-10-14-liff-businesscard-workshop.html)

* [免費製作電子傳單 (多頁訊息)](https://taichunmin.idv.tw/blog/2021-07-09-line-card-create-carousel-1.html)

## Tools 常用工具

* [Flex 開發人員工具](https://www.line-community.me/product_detail?botid=5efadf20851f74ab9c189ff6)

* [Flex Message Simulator 工具](https://developers.line.biz/flex-simulator/)

* [Google Maps Universal cross-platform URL](https://developers.google.com/maps/documentation/urls/guide)

* [Lodash 函式庫文件](https://lodash.com/docs/)

# 使用 mkcert 設定開發環境 HTTPS

[安裝 mkcert](https://github.com/FiloSottile/mkcert) 後執行以下指令

```

yarn mkcert

yarn dev

```

## CONTRIBUTING

Please See [CONTRIBUTING.md](./CONTRIBUTING.md) before making a contribution.