[tools]hugo&github構建靜態網站/百度統計

時間 2019-11-18

標籤 tools hugo&github hugo github 構建靜態網站百度統計欄目 Git 简体版

原文原文鏈接

hugo/github構建網站基本原理

1.hugo是一個靜態化的工具,你寫md,而後他把md轉換成對應樣式的html,
2.並給html嵌入百度統計的script.而後你將html放到github上,github能夠支持靜態博客.你就擁有了本身的博客
3.用戶訪問時,觸發js統計代碼,上報給百度統計.

安裝配置hugo+githubpage站點

老宋專門寫了一本關於這個的書html

參考這個文檔有個坑,裏面訪問的url改爲https的.若是按照文檔的http會致使發到github上後樣式加載不成功.linux

官網下載hugo, 是一個二進制程序,無任何依賴git

- 將hugo放在可執行路徑
$ hugo version
Hugo Static Site Generator v0.36 windows/amd64 BuildDate: 2018-02-05T15:23:01Z


- 新建站點
mkdir sites
cd sites
hugo new site quickstart

- 新建文章
hugo new posts/ansible經常使用知識點.md

- 下載主題
cd themes
git clone https://github.com/halogenica/beautifulhugo.git

- 構建
hugo server --theme=beautifulhugo --buildDrafts


- 本地run
hugo server

- 構建public靜態文件,準備上傳html
hugo --theme=beautifulhugo --baseUrl="https://lannyMa.github.io/"

- 新建github,上傳代碼到github
如今github新建倉庫: <用戶名>.github.io,如個人是lannyMa.github.io

- 來到本地,上傳代碼
cd public
echo "# lannyMa.github.io" >> README.md
git init
git add -A
git commit -m "first commit"
git remote add origin https://github.com/lannyMa/lannyMa.github.io.git
git push -u origin master

- 而後訪問
https://lannyma.github.io/

hugo構建環境模板參考github

之後部署

每次寫一遍md文檔,都須要構建,手動推送,這個是很大疼的,有deploy.sh.
正確姿式是,直接執行sh deploy.sh "comment 一鍵部署
json

這裏我是win7,cmd很差用,我改用第三方cmder,這個執行命令比較像linux.windows

deploy.sh也很簡單bash

#/bin/bash
echo -e "\033[0;32mDeploying updates to GitHub...\033[0m"

msg="rebuilding site `date`"
if [ $# -eq 1  ]
    then msg="$1"
fi

git add -A
git commit -m "$msg"
git push origin master

# Build the project.
hugo # if using a theme, replace by `hugo -t <yourtheme>`
hugo-algolia

# Go To Public folder
cd public

# Add algolia search index
grep -v '"content":' algolia.json>maotai-blog.json
rm -f algolia.json

# Add changes to git.
git add -A

# Commit changes.

git commit -m "$msg"

# Push source and build repos.
git push origin master

cd ../