Blended เป็นตัวสร้างเว็บไซต์แบบสแตติกที่เขียนด้วย Python และได้รับอนุญาตภายใต้ลิขสิทธิ์โอเพ่นซอร์ส GPL 3.0 รองรับระบบเทมเพลตที่ใช้ HTML เนื้อหาที่เขียนด้วย HTML, Markdown, Textile, reStructuredText, Jade, Docx และ Plain Text นอกจากนี้ยังรองรับการคอมไพล์ SASS, Less, Stylus และ CoffeeScript Blended ทำให้ง่ายต่อการปรับใช้เว็บไซต์ของคุณโดยรวมตัวอัปโหลด FTP ในตัว นอกจากนี้ Blended ยังสามารถอัปเกรดได้อย่างมีประสิทธิภาพเนื่องจากรองรับระบบปลั๊กอิน Python
หากต้องการติดตั้ง Blended จาก PyPi (แนะนำ) ให้รัน:
pip install blended
วิธีสร้างและติดตั้ง Blended จากการรันซอร์ส:
git clone https://github.com/johnroper100/Blended.git
cd Blended
pip install .
หากต้องการใช้ Blended หลังจากติดตั้งแล้ว ให้รัน:
blended init
สิ่งนี้จะช่วยให้คุณเริ่มต้นเว็บไซต์ใหม่ได้ หากคุณต้องการความช่วยเหลือ ให้เรียกใช้:
blended --help
และคุณจะเห็นคำสั่งทั้งหมดที่มีอยู่
เพื่อสร้างไซต์ที่คุณสร้างขึ้นด้วยการรันแบบผสมผสาน
blended build
หรือ
blended interactive
(สำหรับการสร้างการเปลี่ยนแปลงไฟล์)
สำหรับคำสั่งใดๆ ที่คุณรัน คุณสามารถระบุทางเลือก --outdir
เพื่อสร้างหรือดูได้ ตัวอย่างเช่น หากต้องการสร้างโฟลเดอร์ source_output
ให้รัน blended build --outdir source_output
ภายในไฟล์ config.py
คุณสามารถตั้ง minify_css
และ minify_js
เป็น true เพื่อเพิ่มประสิทธิภาพไฟล์ CSS และ JS ของคุณหลังการสร้าง
คุณสามารถติดตั้งเทมเพลตจาก GitHub โดยใช้ blended install-template
เว็บไซต์แบบผสมผสานแต่ละแห่งใช้ไฟล์เทมเพลตสี่ไฟล์:
navTest.html
หรือ nav_test.html
){name}
, {content}
, {content_short}
, {date}
, {day}
, {month}
, {month_name}
{year}
, {path}
)ในไฟล์เหล่านี้ คุณวางมาร์กอัปสำหรับแต่ละส่วนที่จะสร้าง
เมื่อทำงานกับเพจ คุณสามารถเลือกระบุเทมเพลตที่คุณต้องการ (นอกเหนือจาก content_page.html
) โดยการเพิ่มชื่อของไฟล์เทมเพลตที่ไม่มีนามสกุลลงในบรรทัดแรกของเพจ จากนั้นอย่างน้อยห้า +
s ในบรรทัดที่สอง . ตัวอย่างเช่น หากฉันต้องการใช้เทมเพลตชื่อ blog_page.html
สำหรับหน้าใดหน้าหนึ่ง ฉันจะใส่
blog_page
+++++
ที่ ด้านบน ของหน้า ตรวจสอบให้แน่ใจว่าคุณวางไว้ที่ด้านบน ไม่เช่นนั้นมันจะใช้งานไม่ได้!
คุณมีตัวแปรบางตัวที่คุณสามารถใช้ในเทมเพลตของคุณเพื่อดึงค่าขณะสร้าง:
{website_name}
{website_description}
{website_description_long}
(ใช้สำหรับคำอธิบายแบบยาว เช่น ประวัติผู้เขียน){author_name}
{author_bio}
{website_language}
{website_license}
{website_url}
{page_content}
(ใช้ได้เฉพาะในไฟล์เทมเพลต content_page.html){page_date}
(วันที่/เวลาที่เขียน/แก้ไขเพจ){page_day}
(วันที่เขียน/แก้ไขเพจ){page_month}
(เดือนที่เขียน/แก้ไขเพจ){page_month_name}
(ชื่อของเดือนที่เขียน/แก้ไขเพจ){page_year}
(ปีที่เขียน/แก้ไขเพจ){relative_root}
(ส่งคืนเส้นทางสัมพัทธ์สำหรับไฟล์ปัจจุบัน){random_number}
{build_date}
{build_time}
{build_datetime}
{
(page_filename) _active}
(เมื่อสร้าง หากเพจที่ใช้งานอยู่เท่ากับชื่อไฟล์ในแท็ก แท็กจะถูกแทนที่ด้วย active
เช่น {getting-started.html_active}
){nav
(ชื่อ) }
(ใช้เพื่อวาง navbars หากต้องการเพิ่ม navbar ให้เขียน nav
บวกอย่างอื่น ตัวอย่างเช่น {nav2}
หรือ {nav_test}
){page_list}
(แสดงรายการหน้าทั้งหมดในรูปแบบ <ul><li><a href="page-name.html">page-name</a></li></ul>
){page_file}
(ชื่อไฟล์เต็มของเพจ เช่น getting-started.html
){page_filename}
(ชื่อไฟล์ของเพจที่ไม่มีนามสกุล .html เช่น getting-started
ใช้งาน ){page_name}
(ระบุชื่อเพจปัจจุบัน ทำให้ชื่อเพจดูสวยขึ้น เช่น getting-started.html
แปลงเป็น Getting Started
){page_folder}
(ระบุชื่อโฟลเดอร์ของเพจปัจจุบัน ทำให้ชื่อโฟลเดอร์ดูสวยขึ้น เช่น getting-started
ใช้งาน แปลงเป็น Getting Started
){page_folder_orig}
(ระบุชื่อโฟลเดอร์ของหน้าปัจจุบัน){blended_version}
(ให้เวอร์ชันปัจจุบันของ Blended){blended_version_message}
(ให้เวอร์ชันปัจจุบันของ Blended พร้อมข้อความที่ดี: Built with Blended v4.9
)เมื่อใดก็ตามที่คุณใส่ตัวแปรเหล่านี้ลงในเทมเพลต ตัวแปรเหล่านี้จะถูกแทนที่ด้วยค่าในไฟล์ config.py ของคุณ ตัวแปรจะต้องอยู่ภายในวงเล็บปีกกา คุณสามารถใส่ตัวแปรไว้ในเนื้อหาของตัวแปรอื่นได้!
คุณสามารถติดตั้งปลั๊กอินได้จาก PyPi เช่น pip install blended_google_analytics
คุณยังสามารถติดตั้งปลั๊กอินจาก GitHub โดยใช้ blended install-plugin
หากต้องการใช้ปลั๊กอิน ให้รวมปลั๊กอินเหล่านั้นไว้ในรายการ plugins
ใน config.py
หากตั้งใจให้เรียกใช้ปลั๊กอินในเทมเพลตของคุณ เช่น {html_comment_box}
จากนั้นแทรกลงในรายการปลั๊กอิน เช่น plugins = ["html_comment_box"]
คุณสามารถใช้ปลั๊กอินได้หลายตัวพร้อมกัน เช่น plugins = ["html_comment_box", "minify_images"]
ภายใน config.py
ของคุณจะมีตัวแปร custom_variables = {}
นี่คือพจนานุกรมของตัวแปรที่กำหนดเองทั้งหมดที่คุณต้องการใช้ หากต้องการเพิ่มตัวแปร ให้เพิ่มเป็นรายการพจนานุกรม
นี่คือตัวอย่างบางส่วน:
custom_variables = {"software_name": "Blended"}
custom_variables = {"software_name": "Blended", "software_version": "5.0"}
คุณสามารถนำเข้าเว็บไซต์และโพสต์จาก WordPress ในการทำเช่นนั้น ให้ส่งออกจาก WordPress โดยใช้ตัวเลือก Posts
และดาวน์โหลดไฟล์ไปยังไดเร็กทอรีที่คุณต้องการสร้างเว็บไซต์ของคุณ
รันคำสั่ง blended import-wp
จากนั้นระบบจะแจ้งให้คุณระบุชื่อ/พาธของไฟล์ พิมพ์ชื่อไฟล์แล้ว Blended จะสร้างเว็บไซต์ใหม่พร้อมข้อมูล
คุณสามารถนำเข้าโพสต์จาก Blogger ในการดำเนินการนี้ ให้ส่งออกจาก Blogger โดยใช้ตัวเลือก Backup Site
และดาวน์โหลดไฟล์ไปยังไดเร็กทอรีที่คุณต้องการสร้างเว็บไซต์ของคุณ
เรียกใช้คำสั่ง blended import-blogger
และจะแจ้งให้คุณระบุชื่อ/เส้นทางไฟล์ของไฟล์ พิมพ์ชื่อไฟล์แล้ว Blended จะสร้างเว็บไซต์ใหม่พร้อมข้อมูล
โปรดจำไว้ว่าคุณสามารถติดตั้งเทมเพลตจาก GitHub โดยใช้ blended install-template
ง่าย (หน้า GitHub)
บล็อก (หน้า GitHub)
งานแสดงซอฟต์แวร์ (หน้า GitHub)
Disqus (หน้า GitHub)
Google Analytics (หน้า GitHub)
กล่องความคิดเห็น HTML (หน้า GitHub)
การ์ด Twitter (หน้า GitHub)
การ์ด Facebook (หน้า GitHub)
Google Fonts (หน้า GitHub)
นำเข้า Bootstrap (หน้า GitHub)
เว็บไซต์ผสมผสาน
การออกแบบเว็บไซต์ Art Of Illusion ใหม่
แดชบอร์ดการจัดการการเรนเดอร์แบบเต็ม (หน้า GitHub)
การออกแบบเว็บไซต์ DVDStyler ใหม่ (หน้า GitHub)
การออกแบบเว็บไซต์ MakeHuman ใหม่ (หน้า GitHub)
การออกแบบเว็บไซต์ LilyPond ใหม่ (หน้า GitHub)