利用Github Pages和Hexo搭建個人部落格

2021-08-01 19:11:07 字數 1214 閱讀 7062

github pagesgithub推出的乙個福利。可以在上面構建個人頁面。hexo就是乙個快速、簡潔且高效的部落格框架(官網上是這麼說的,hhh),並且支援一鍵部署到github。可以用它來構建自己的個人部落格,當hexo遇到github pages時,我們就不需要自己的乙個伺服器就可以搭建乙個個人部落格**了。下面開始講搭建過程。

首先需要在github上建立自己的靜態頁面。這個需要使用到github pages服務,需要有github賬號才行。如果沒有賬號的自行去官網註冊乙個。這裡就不多說了。

如何建立自己的靜態頁面,總的來說就是(假設你使用過github):

建立乙個和repository 並將其命名為 username.github.io其中 username 是你自己的github使用者名稱。

在該repository下建立靜態頁面(eg. index.html)

訪問 username.github.io就可以見到你建立的靜態頁面了。(就是乙個有hello world字樣的頁面)

不過如果你沒使用過github的話,官網上也有詳細的引導步驟。具體參考github pages上第二步中的 i don』t know 環節

安裝使用hexo需要依賴到nodejs,如果你還沒有就趕緊去官網上下乙個吧。參照官網的安裝步驟,還是非常簡單的。

安裝完nodejs後使用hexo就容易了。

使用npm安裝hexo

$ npm install hexo-cli -g

$ hexo init blog

$ cd blog

$ npm install

$ hexo server

這個其實在官網文件中已經說的很詳細的了。大家可以參照文件中的去做。大致的步驟就是:

初始化目錄hexo init,目錄結構請參考官網說明

建立自己的博文hexo new [layout],參考寫作

修改配置,生成頁面並部署到githubhexo deploy,參考部署

以上只是乙個概括性的建站步驟,詳細配置說明這些大家需要進入到官網文件中自行去了解。

繫結自己的網域名稱,沒有的話去整乙個。參考github pages+阿里雲網域名稱繫結搭建個人部落格

hexo next seo 優化。 參考hexo next 主題seo優化指南

hexo和github pages的關係

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

帶 h的和不帶 h的

新的c 標準中,生成新標頭檔案的方法僅僅是將現有c 頭檔名中的 h 去掉。例如,變成了,變成了,等等。對於c標頭檔案,採用同樣的方法,但在每個名字前還要新增乙個c。所以c的變成了,變成了,等等。舊的c 標頭檔案是官方所反對使用的 即,明確列出不再支援 但舊的c標頭檔案則沒有 以保持對c的相容性 下面...

h5利用快取優化效能

瀏覽器快取機制是指通過 http 協議頭里的 cache control 或 expires 和 last modified 或 etag 等字段來控制檔案快取的機制。這應該是 web 中最早的快取機制了,是在 http 協議中實現的 cache control 用於控制檔案在本地快取有效時長。最常...