這是 https://seagl.org 網站的原始碼。
它使用 Jekyll 作為具有 GitHub Pages 的靜態網站產生器。
每當程式碼被推送到 GitHub 上的共用儲存庫時,該網站就會自動呈現。
基本上,更新網站(例如發布新部落格文章)的步驟是:
以下每個步驟都有說明。這些說明假設由具有較少 git/GitHub/技術經驗的人來執行這項工作。經驗豐富的人可以據此推論。 :-)
雖然您可能可以直接在這個儲存庫上工作,但最佳實踐是您不能。相反,您可以分叉或克隆存儲庫,然後對該副本進行更改。這允許在進行更改之前進行測試,並降低格式錯誤或措辭不當的更改洩露出去的風險。
要分叉儲存庫:
瞧!這就是全部內容了。
如果您要新增的部落格文章,請遵循以下文件名規則:
_posts
目錄中。YYYY-MM-DD
格式的日期開頭。這非常重要,因為它控制網站顯示部落格文章的順序。--future
。目前,您還需要在預定日期或之後觸發網站重建才能顯示該貼文。這可以透過以下方式完成: git commit -m 'rebuild pages' --allow-empty && git push origin main
或對網站進行任何實際更改。-
),然後是破折號分隔的貼文標題。該標題不顯示。只是給文件命名而已。請使其簡短但具有描述性。.md
檔案副檔名表示貼文以 Markdown 格式撰寫。 (並且請僅使用 Markdown 撰寫帖子)根據這些規則,宣布 2017 年 CFP 開幕的部落格文章的檔案名稱可以為:
2017-06-19-CFP-open.md
另請在文件頂部添加以下內容:
---
layout: post
title: 'Example Title'
status: publish
type: post
published: true
categories: news
tags: '2013'
---
將title
設為部落格文章的標題,並編輯tags
以包含與該文章關聯的會議年份(如果沒有則為空)。請保留其餘數值不變。
對於實際的文件內容,您可以在 GitHub Web 介面或本機上進行變更。
_posts
)。Create a new file
Create a new file
Commit changes
表單來提交更改。#
) 後接問題編號 ( #74
)。這將自動連結到拉取請求中,這非常方便。TBD(假設那些在本機上使用 git 的人已經知道這一點;稍後將填寫)
請在推送到 GitHub 之前在本地測試所有變更。
啟動本機開發伺服器將使您的網站副本在 http://localhost:4000 上可用。有幾種方法可以運行伺服器。任你挑選!
依賴項:
一次性設定:
bundle install
啟動伺服器:
bundle exec jekyll serve --watch
要預覽未來日期和未發布的帖子,請將--future --unpublished
添加到上述命令。
依賴項:
podman
取代docker
)一次性設定:
docker build --tag ' seagldev ' ' . '
啟動伺服器:
docker run --rm --interactive --tty --publish ' 4000:4000 ' --volume " $PWD :/usr/src/app " ' seagldev '
要預覽未來日期和未發布的帖子,請在上述命令末尾添加--future --unpublished
。
您可以在 GitHub 介面中或從本機電腦發送 PR。
Pull requests
標籤。New pull request button
。Create pull request
。#
) 後接問題編號 ( #74
)。這將自動連結到拉取請求中,這非常方便。[Allow edits from maintainers](https://docs.github.com/en/free-pro-team@latest/github/collaborating-with-issues-and-pull-requests/allowing-changes-to-a-pull-request-branch-created-from-a-fork)
以便其他團隊成員可以在必要時進行編輯。Create pull request
。TBD(假設那些在本機上使用 git 的人已經知道這一點;稍後將填寫)
現在,有人(也許是您,如果您對儲存庫具有該級別的存取權限)必須審查並合併您的拉取請求。
一旦您的拉取請求被合併,它將在網站上上線。
注意:合併本身不會觸發站點重建。要重建站點,您需要像這樣推送空提交:
git commit --allow-empty -m " Rebuild the site, please " && git push
將圖片新增至img/posts/
目錄,然後使用以下 Markdown:
![ Example description ] ( /img/posts/example.jpg )
尖端:
若要將影像與側面對齊,請新增align-left
或align-right
類別:
![ Example description ] ( /img/posts/example.jpg ) {:.align-left}
為了縮短頁面載入時間,請在貼文中使用圖像之前將其調整為合理的大小。
過去的會議作為 Jekyll 集合靜態存檔:
archive-conferences
archive-sessions
要建立給定年份的檔案,請先從時間表匯入資料 -
bundle exec rake import[2020]
—然後,如果需要任何更正,請手動編輯存檔檔案。