配置你的 github pages

2022-05-05 04:48:10 字數 1385 閱讀 5068

網域名稱:username.github.io/folder(自定義)

index.html的格式

github使用jekyll模板引擎處理你github分支上的原始檔,生成可訪問到靜態頁面。因此,你專案分支上的原始檔是要符合jekyll的語法規則,才可以以靜態頁面的形式訪問

jekyll格式的原始檔比較複雜,這裡介紹hexo來生成jekyll格式檔案的方法

搭建乙個免費的,無限流量的blog----github pages和jekyll入門

安裝 hexo

建立 hexo 資料夾

安裝依賴包

本地測試

github建立repository

部署簡單的命令格式

hexo g == hexo generate

hexo d == hexo deploy

hexo s == hexo server

hexo n == hexo new

本地測試

部落格配置

複製別人的主題

舉例:git clone themes/jacman

啟用主題

根目錄下的_config.ymltheme屬性,設定為:theme: jacman(例)

更新主題

舉例:cd themes/jacman + git pull

為避免出錯,先備份_config.yml檔案後再公升級

發表文章

安裝外掛程式

新增sitemap和feed外掛程式

$ npm install hexo-generator-sitemap

$ npm install hexo-generator-feed

修改_config.yml,增加以下內容

# extensions

plugins:

- hexo-generator-feed

- hexo-generator-sitemap

#feed atom

feed:

type: atom

path: atom.xml

limit: 20

#sitemap

sitemap:

path: sitemap.xml

使用 Github Pages 發布你的專案文件

你可能比較熟悉如何用 github pages 來分享你的工作,又或許你看過一堂教你建立你的第乙個 github pages 的教程。近期 github pages 的改進使得從不同的資料來源來發布您的 更加的方便,其中的 之一就是你的倉庫的 docs 目錄。文件的質量是乙個軟體專案健康發展的標誌。...

GItHub pages 的使用方法

一 基於專案的網頁 在你的乙個repository裡的標籤欄中選擇settings,選擇一種theme。就可以直接通過 訪問了。二 個人網頁 1.新建乙個repository,命名規則為username.github.io 2.本地建立乙個資料夾放你的 用 3.在本地git bash clone u...

hexo和github pages的關係

部落格的內容還是手動寫的只不過是markdown渲染出來的 markdown檔案寫好之後交給hexo框架渲染成html檔案 hexo server可以在本地的4000埠預覽一下建立的網頁 hexo採用git部署方式可以部署到自己的github pages 這樣的話訪問username.github....