Blended는 Python으로 작성되었으며 GPL 3.0 오픈 소스 라이선스에 따라 라이선스가 부여된 정적 웹 사이트 생성기입니다. HTML 기반 템플릿 시스템, HTML, Markdown, Textile, reStructuredText, Jade, Docx 및 일반 텍스트로 작성된 콘텐츠를 지원합니다. 또한 SASS, Less, Stylus 및 CoffeeScript의 컴파일도 지원합니다. Blended를 사용하면 내장된 FTP 업로더를 포함하여 웹사이트를 쉽게 배포할 수 있습니다. 또한 Blended는 Python 플러그인 시스템을 지원하므로 강력하게 업그레이드할 수 있습니다.
PyPi에서 Blended를 설치하려면(권장) 다음을 실행하세요.
pip install blended
소스 실행에서 Blended를 빌드하고 설치하려면 다음을 수행하세요.
git clone https://github.com/johnroper100/Blended.git
cd Blended
pip install .
Blended를 설치한 후 사용하려면 다음을 실행하세요.
blended init
이는 새로운 웹사이트를 시작하는 데 도움이 될 것입니다. 도움이 필요하면 다음을 실행하세요.
blended --help
사용 가능한 모든 명령이 표시됩니다.
Blended 실행으로 생성한 사이트를 구축하려면
blended build
또는
blended interactive
(파일 변경 구축용)
실행하는 모든 명령에 대해 빌드하거나 볼 대체 --outdir
지정할 수 있습니다. 예를 들어 source_output
폴더에 빌드하려면 blended build --outdir source_output
실행합니다.
config.py
파일 내에서 minify_css
및 minify_js
true로 설정하여 빌드 후 CSS 및 JS 파일을 최적화할 수 있습니다.
blended install-template
사용하여 GitHub에서 템플릿을 설치할 수 있습니다.
각 Blended 웹사이트는 4개의 템플릿 파일을 사용합니다.
navTest.html
또는 nav_test.html
){name}
, {content}
, {content_short}
, {date}
, {day}
, {month}
, {month_name}
변수를 가질 수 있습니다. {year}
, {path}
)이 파일에는 생성할 각 섹션에 대한 마크업을 배치합니다.
페이지 작업 시 페이지의 첫 번째 줄에 확장자 없이 템플릿 파일 이름을 추가하고 두 번째 줄에 최소 5개의 +
s를 추가하여 원하는 템플릿( content_page.html
제외)을 선택적으로 지정할 수 있습니다. . 예를 들어 특정 페이지에 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
(이름) }
(navbar를 배치하는 데 사용합니다. 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}
( Built with Blended v4.9
멋진 메시지와 함께 Blended의 현재 버전 제공)템플릿의 어느 위치에나 이러한 변수를 넣으면 config.py 파일의 값으로 대체됩니다. 변수는 중괄호 안에 있어야 합니다. 다른 변수의 내용 안에 변수를 넣을 수도 있습니다!
PyPi에서 플러그인을 설치할 수 있습니다(예: pip install blended_google_analytics
). blended install-plugin
사용하여 GitHub에서 플러그인을 설치할 수도 있습니다.
플러그인을 사용하려면 config.py
의 plugins
목록에 해당 플러그인을 포함하세요.
플러그인이 템플릿에서 호출되도록 의도된 경우, 예: {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에서 웹사이트와 게시물을 가져올 수 있습니다. 이렇게 하려면 Posts
옵션을 사용하여 WordPress에서 내보내고 웹 사이트를 생성하려는 디렉터리에 파일을 다운로드하세요.
blended import-wp
명령을 실행하면 파일의 이름/파일 경로를 묻는 메시지가 표시됩니다. 파일 이름을 입력하면 Blended가 해당 정보를 포함하는 새 웹사이트를 생성합니다.
Blogger에서 게시물을 가져올 수 있습니다. 이렇게 하려면 Backup Site
옵션을 사용하여 Blogger에서 내보내고 웹 사이트를 생성하려는 디렉토리에 파일을 다운로드하십시오.
blended import-blogger
명령을 실행하면 파일의 이름/파일 경로를 묻는 메시지가 표시됩니다. 파일 이름을 입력하면 Blended가 해당 정보를 포함하는 새 웹사이트를 생성합니다.
blended install-template
사용하여 GitHub에서 템플릿을 설치할 수 있다는 점을 기억하세요.
단순(GitHub 페이지)
블로그(GitHub 페이지)
소프트웨어 쇼케이스(GitHub 페이지)
Disqus(GitHub 페이지)
Google Analytics(GitHub 페이지)
HTML 주석 상자(GitHub 페이지)
트위터 카드(GitHub 페이지)
Facebook 카드(GitHub 페이지)
Google 글꼴(GitHub 페이지)
부트스트랩 가져오기(GitHub 페이지)
블렌디드 웹사이트
The Art Of Illusion 웹사이트 재설계
전체 렌더링 관리 대시보드(GitHub 페이지)
DVDStyler 웹사이트 재설계(GitHub 페이지)
MakeHuman 웹사이트 재설계(GitHub 페이지)
LilyPond 웹사이트 재설계(GitHub 페이지)