針對移動端開發的響應式 Jekyll 主題

• 2020 年 5 月 23 日
• 筆記
• github-pages, jekyll

simple

這是針對移動端開發的響應式 Jekyll 主題，效果看 demo，源碼在 GitHub，覺得不錯點個 star。

主題特性包括但不限於：

1. 在線編輯、新建、發佈文章
2. GitHub 官方語法寫作
3. MathJax 支持屬性公式渲染
4. mermaid 提供流程圖渲染
5. 支持 B 站、YouTube 視頻嵌入
6. Gitalk 提供評論支持
7. 原生 JS 實現站內搜索

快速搭建

你可以選擇直接在 GitHub 上操作，或者在本地上修改主題再發佈到自己的倉庫里。

線上操作

1. fork 本倉庫
2. 修改倉庫名為 username.github.io，創建 master 分支並設置為默認分支。
3. 修改 _config.yml 文件中的相應個人信息。

瀏覽器訪問 //username.github.io 查看新網站。

本地運行

1. 本地安裝 Jekyll
2. clone 主題到本地
3. 進入主題根目錄後運行 jekyll serve

瀏覽器中輸入 //localhost:4000 預覽。

網站樣式設置

可通過修改 _sass/_variables.scss 文件中的 CSS 變量改變主題樣式，包括但不限於

1. 通過 --font 修改字體
2. 通過 --body-bg 修改網頁背景的顏色
3. 通過 --heading-color 修改標題的顏色
4. 通過 --link-color 修改鏈接的顏色