หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>โค้ดแหล่งที่มา AI
ดาวน์โหลด

คนที่แต่งตัวประหลาด

เว็บไคลเอนต์ส่วนหน้าทางเลือกสำหรับ reddit

อยู่ที่ troddit.com

ภาพหน้าจอ

การดูคอลัมน์ที่ยืดหยุ่น

แสดงการท่องเว็บหลายรายการ เปิดเมนูบานหน้าต่าง Subreddits และตัวเลือก คอลัมน์ _options

มุมมองแถวคลาสสิก

classicrows_light

ด้วยการขยายสื่อแบบอินไลน์และเครื่องเล่นวิดีโอ Reddit ที่กำหนดเอง

Lightmode_row_open

เปิดโพสต์พร้อมความคิดเห็นที่ด้านข้างและใช้ลูกศรสำหรับการนำทาง

post_open

ค้นหา subreddits ผู้ใช้และโพสต์

แสดงในโหมดคอลัมน์เดี่ยวที่มีการปิดใช้งาน UI แบบกว้าง เมนูตัวเลือกเรียงลำดับเปิดอยู่ search_narrow

ตอบสนองได้อย่างเต็มที่ดาวน์โหลดได้เป็น PWA

response_troddit

คุณสมบัติ

  • เข้าสู่ระบบอย่างปลอดภัยด้วย Reddit เพื่อเปิดใช้งานการลงคะแนนแสดงความคิดเห็นจัดการ subreddits และ multireddits (AKA FEED) ของคุณและเข้าถึงหน้าแรกของคุณ
  • 'โหมดออฟไลน์' เพื่อติดตาม subreddits และจัดการ multis ในพื้นที่โดยไม่ต้องเข้าสู่ระบบ autogenerates หน้าแรกส่วนบุคคล
    • เยี่ยมชม Subreddits Multi ของคุณและคัดลอกลิงค์ MultiredDit แทนที่ 'Reddit' ด้วย 'troddit' ใน URL จากนั้นใช้ตัวเลือก 'เข้าร่วมทั้งหมด' เพื่อติดตามส่วนย่อยทั้งหมดอย่างรวดเร็ว
  • ค้นหา Reddit สำหรับโพสต์หรือ subreddits อย่างรวดเร็วด้วยการเติมอัตโนมัติ
  • ตัวกรองโพสต์ตามประเภท (รูปภาพ, วิดีโอ/gifs, ลิงค์, ตัวเอง)
  • ดูโพสต์ในคอลัมน์เดี่ยวหลายคอลัมน์ที่กำหนดเองพร้อมรูปแบบกริดเมซอนรี่หรือโหมดแถวง่าย ทั้งหมดนี้มีการเลื่อนที่ไม่มีที่สิ้นสุด
  • เลือกสไตล์การ์ดของคุณ: ต้นฉบับสำหรับข้อความโพสต์แบบเต็มในการ์ดขนาดกะทัดรัดเพื่อแยกข้อความโพสต์หรือสื่อเพื่อซ่อนข้อความและการขยายการ์ดทั้งหมด
  • มุมมองแกลเลอรี่: คลิกที่โพสต์และนำทางผ่านฟีดด้วยปุ่มบนหน้าจอหรือปุ่มลูกศรของคุณ แสดงเนื้อหาโพสต์รวมถึงความคิดเห็นจาก Reddit โหมด Smart Portrait เพื่อจัดเรียงภาพถ่ายแนวตั้งและวิดีโอโดยอัตโนมัติพร้อมความคิดเห็น
  • โฮเวอร์เมาส์ผ่านวิดีโอ Reddit เพื่อเล่น เปิดใช้งานตัวเลือกเล่นอัตโนมัติเพื่อเล่นวิดีโอโดยอัตโนมัติเมื่อเข้าสู่วิวพอร์ต เปิดใช้งานตัวเลือกเสียงในการเล่นเสียงบนโฮเวอร์เช่นกัน
  • ตอบสนองเดสก์ท็อปและเลย์เอาต์มือถือ
  • PWA เพื่อดาวน์โหลดไปยังคอมพิวเตอร์หรือโทรศัพท์ของคุณ
  • ฝ่ายสนับสนุนนักเทียบท่า

การพัฒนา

โคลน repo และติดตั้งแพ็คเกจทั้งหมดด้วย NPM หรือเส้นด้าย จากนั้นเพื่อเรียกใช้เซิร์ฟเวอร์การพัฒนา: 

npm run dev
# or
yarn dev

เปิด http: // localhost: 3000 พร้อมเบราว์เซอร์ของคุณเพื่อดูผลลัพธ์

เพื่อมีส่วนร่วมสร้างสาขาและส่ง PR!

ตัวแปรสภาพแวดล้อม

ในการใช้ฟังก์ชันการเข้าสู่ระบบตัวแปรสภาพแวดล้อมต่อไปนี้จำเป็นต้องกำหนดในไฟล์. env.local ที่วางไว้ในไดเรกทอรีรูท: 

CLIENT_ID= < ID of your Reddit app >
CLIENT_SECRET= < Secret from your Reddit app >
REDDIT_REDIRECT= < YOUR DOMAIN/api/auth/callback/reddit >
NEXTAUTH_SECRET= < See https://next-auth.js.org/configuration/options#secret >
NEXTAUTH_URL=http://localhost:3000
SIGNING_PRIVATE_KEY= < See https://next-auth.js.org/v3/warnings, Generate with $jose newkey -s 256 -t oct -a HS 512>

หากต้องการสร้างแอพ reddit เยี่ยมชม https://old.reddit.com/prefs/apps/ การเปลี่ยนเส้นทาง URI ควรตรงกับตัวแปร reddit_redirect

นักเทียบท่า

เพื่อปรับใช้อิมเมจนักเทียบท่า 

docker pull bsyed/troddit
docker run -d --name troddit -p 3000:3000 bsyed/troddit

เพื่อสร้างภาพด้วยตัวเอง

โดยค่าเริ่มต้น Docker จะเปิดเผยพอร์ต 3000 ดังนั้นเปลี่ยนสิ่งนี้ภายใน DockerFile หากจำเป็น เมื่อพร้อมให้ใช้ DockerFile เพื่อสร้างภาพ

โคลนและนำทางไปยังที่เก็บ 

git clone https://github.com/burhan-syed/troddit
cd troddit

เพื่อสร้างภาพและเรียกใช้คอนเทนเนอร์ 

docker-compose up

หรือเพียงแค่สร้าง 

docker build . -t troddit

สิ่งนี้จะสร้างภาพ troddit และดึงในการพึ่งพาที่จำเป็น วิ่ง: 

docker run -p 3000:3000 troddit

สนับสนุน

ถ้าคุณชอบโครงการอย่าลังเลที่จะแบ่งปันและออกจากดาว หากคุณรู้สึกมีน้ำใจคุณสามารถสนับสนุนฉันได้ที่ Ko-Fi

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด