วิธีสร้าง blog ของตัวเองแบบ ฟรีๆ

date

Mar 28, 2023

slug

how-to-free-blog

author

status

Public

บล็อคที่คุณจะได้หลังเซ็ตเสร็จ

คุณจะได้บล็อคหน้าตาคูลๆแบบนี้ ซึ่งสามารถแสดงได้ทั้งบนจอคอมและมือถือ

สามารถปรับธีมสว่างหรือมืดได้อีกด้วย

ในส่วนของหน้าเนื้อหาคุณสามารถอัพได้เรื่อยๆด้วย Notion ซึ่ง Notion ก็เป็น Text Editor ที่ทรงพลังอยู่แล้ว อารมณ์เหมือนเอา word ผสม excel ผสม Jira

พออัพเนื้อหาเสร็จจะแสดงเป็นแบบนี้บนหน้าบล็อคของคุณ

URL บล็อคที่คุณจะได้ คุณสามารถเซ็ต subdomain เองได้ด้วย

แน่นอนว่าเวลาเอา URL ไปแชร์ก็จะขึ้น preview คูลๆแบบนี้

รู้สึกอยากมีบล็อคเป็นของตัวเองกันรึยัง ถ้างั้นเราไปเริ่ม set up กันเลย

วิธี set up บล็อค

ก่อนอื่นเลยทุกคนต้องมีบัญชีของสามเว็บนี้นะ ไปสมัครและเข้าสู่ระบบค้างไว้ก่อนเริ่มข้อถัดไปเลย

GitHub

https://github.com

Vercel

https://vercel.com

** บัญชี Vercel ให้กดสร้าง

จากบัญชี GitHub เดียวกันนะ

Notion

https://www.notion.so/

เปิด Notion template นี้ คลิก Dupplicate.

2.1. คลิก Share

2.2. คลิก Share to Web

2.3. แล้ว Copy web link เก็บไว้

กดลิ้งด่านล่างเพื่อสร้างเว็บ blog บน vercel <<Deploy Vercel>>

คลิกเข้าไปก็กดสร้าง project ด้วยชื่อที่ต้องการ จากนั้นก็ไปเซ็ตค่าตัวแปร ใส่แค่ NOTION_PAGE_ID ก็พอ

โดยกลับไปที่ Link ที่เราคัดลอกมาจากข้อ 2.3 ให้คัดลอกเฉพาะตัวเลขที่อยู่ระหว่าง / กับ ? แล้วนำเลขไปใส่ใน ค่า NOTION_PAGE_ID ของเรา

หลังจากกด deploy ทีนี้ set up ของเราก็พร้อมแล้ว เหลือแต่อัพเดตเนื้อหาบล็อกของเราเท่านั้น

วิธีอัพเดตบล็อค

จาก vercel ที่สร้างเสร็จคลิกที่ visit git repository

มันจะพาไปที่โปรเจคของเราใน Github ให้กดไฟล์ site.config.js กดที่รูปดินสอ

เรื่องแก้ชื่อ หรือข้อมูลต่างๆที่ขึ้นบนเว็บจะไม่อธิบายละเอียดมากนะ ลองเทียบๆดูในไฟล์กับเว็บ Demo ดู

ถ้าจะเปลี่ยนรูปโปรไฟล์ให้ไปที่ path: public > avatar.svg ถ้าแก้ชื่อหรือนามสกุลไฟล์ภาพด้วย ต้องตามไปแก้ที่ site.config.js > profile > image ด้วย

พวกค่าสำหรับการแชร์ จะอยู่ที่ blog > title, description นะ

คุณสามารถตั้ง seo keyword ได้ในไฟล์นี้ด้วย

แก้เสร็จก็อย่าลืมกดบันทึกล่ะ ต้องกดปุ่ม Commit change นะ

สามารถเข้าไปเช็คใน vercel > deployment ได้ว่าเนื้อหาที่พึ่งแก้ไปขึ้นไปแสดงบนเว็บสำเร็จมั้ย ถ้าอันล่าสุดขึ้นวงกลมสีเขียวก็คือขึ้นเว็บเรียบร้อย

วิธีโพสเนื้อหาใหม่

ไปที่ notion แล้วกด + New

พิมหัวข้อบล็อกแล้วเอาเมาท์คลิกออกไปที่อื่น จากนั้นกลับไปชี้ที่เดิมแล้วกด open

กรอกข้อมูลบล็อคหน้าใหม่เลย ช่องที่จำเป็นต้องกรอกคือที่ใส่กรอบสีแดงๆไว้นะ ถ้าไม่กรอกส่วนนี้จะอัพขึ้นเว็บไม่ได้

เดี๋ยวจะอธิบายช่องข้อมูลแต่อันให้ฟัง ว่ามันเอาไปโชว์ยังไงนะ

ช่องข้อมูล	อธิบาย
date	วันที่โชว์บนโพส
slug	ตั้งชื่อ url ของหน้านี้ ใส่แบบไม่มีเว้นวรรค แล้วคุณจะได้ url ไปหน้านั้นๆให้เรียกใช้ เช่น ตั้งว่า about เวลาใช้ก็ https://linin-art.vercel.app/about
author	ชื่อคนเขียนบล็อค ปกติถ้าไม่ใช้ notion แบบเสียตัง ก็มีแค่ชื่อเราให้เลือกนี้แหละ
status	มี สามแบบให้เลือก - Private คือเราเห็นคนเดียว ไม่ขึ้นเว็บ - Public คือปรากฏให้เห็นบนเว็บ และหน้า feeds ของเว็บ - PublicOnDetail คือปรากฏให้เห็นบนเว็นเฉพาะหน้า url ที่ตั้งใน slug แต่ไม่เห็นในหน้า feeds
tags	โชว์บนรายการ tags
summary	สรุปเนื้อหาที่จะโชว์บนหน้า feeds
type	มีสองแบบให้เลือก - Post คือ โพสข้อความปกติ จะมองเห็น navigation bar ของบล็อค - Paper คือหน้าเปล่าๆที่โชว์แต่เนื้อหา ไม่โชว์ navigation bar
thumbnail	ภาพที่หัวโพส
category	หมวดหมู่ของบล็อค

หลังแน่ใจแล้วว่าข้อมูลถูกต้องและต้องให้ปรากฏบนเว็บ ให้กลับไปที่ vercel อีกครั้ง

เลือก deployment แล้วกดปุ่มจุดจุดสามจุดของแถวบนสุด แล้วกด redeploy

ทีนี้เราก็จะได้บล็อคดีๆที่เป็นของเราเองแล้วล่ะ ถ้าชอบสิ่งนี้ อย่าลืมแวะไปให้ดาวหรือให้ทิปผู้พัฒนาด้วยนะ >>

morethanmin/morethan-log