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

simple

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

主題特性包括但不限於:git

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

快速搭建

你能夠選擇直接在 GitHub 上操做,或者在本地上修改主題再發布到本身的倉庫裏。github

線上操做

  1. fork 本倉庫
  2. 修改倉庫名爲 username.github.io,建立 master 分支並設置爲默認分支。
  3. 修改 _config.yml 文件中的相應我的信息。

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

本地運行

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

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

網站樣式設置

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

  1. 經過 --font 修改字體
  2. 經過 --body-bg 修改網頁背景的顏色
  3. 經過 --heading-color 修改標題的顏色
  4. 經過 --link-color 修改連接的顏色
相關文章
相關標籤/搜索