分鐘制作只屬于你的專屬個人網(wǎng)站。
·隨便找個地方新建一個文本文件，注意結(jié)尾要用html結(jié)尾，這是網(wǎng)頁類型文件統(tǒng)一后綴名，完成后打開。
·首先編寫html，然后編寫head標(biāo)簽放抬頭文件，編寫body標(biāo)簽放網(wǎng)頁主體，編寫title標(biāo)簽輸入網(wǎng)頁主題。
·接著在body標(biāo)簽內(nèi)新建兩行代碼作為網(wǎng)頁的主體內(nèi)容，完成后保存一下。
·打開網(wǎng)頁看一下效果如何，沒什么問題，可以看到編寫的welcome和句子都成功顯示在網(wǎng)頁上。
·再回到代碼，多編寫兩行個人信息，郵箱和電話之類的，刷新網(wǎng)頁再看一眼，依然沒問題。
·接著趣味網(wǎng)頁，整一張背景圖片，回到代碼，在最下方新編寫一行style標(biāo)簽，里面編寫body、background-img。這行代碼將剛剛保存的圖片插入網(wǎng)頁中當(dāng)作背景圖使用，保存刷新網(wǎng)頁看下效果，背景圖插入進(jìn)去了。
·接著編寫font-family設(shè)置一下字體，新建一個div標(biāo)簽，將內(nèi)容全部放入div中，將div標(biāo)簽命名為content。
·編寫div的背景顏色，長寬，background-color代表背景顏色，width代表寬度，padding代表邊框長度，position代表位置。
·保存刷新頁面看下效果，字體不夠居中，背景顏色橙色太難看，再回去調(diào)整一下，將背景改成透明，調(diào)整一下字體顏色，再看下效果，效果很滿意，專屬網(wǎng)頁就完成了。
想了解更多程序小知識，關(guān)注我手把手教你。
這個信息爆炸的時代，擁有一個個人博客無疑是展示自己思想、分享知識和技能的絕佳平臺。本文將指導(dǎo)你如何使用Hugo和WebStack-Hugo主題來無代碼搭建一個美觀、響應(yīng)式的個人博客、導(dǎo)航網(wǎng)站。
在開始之前，確保你的計算機(jī)上已經(jīng)安裝了必要的軟件和工具。如果沒有，不用擔(dān)心，我們將一步步指導(dǎo)你完成安裝過程。
Hugo是一個快速且易用的靜態(tài)網(wǎng)站生成器，它能夠?qū)arkdown或HTML內(nèi)容轉(zhuǎn)換為靜態(tài)網(wǎng)站。首先，你需要下載Hugo。
① 訪問Hugo的GitHub發(fā)布頁面，選擇適合你操作系統(tǒng)的版本進(jìn)行下載。
② 如果你無法直接訪問GitHub，可以聯(lián)系我獲取Hugo的工具包（后臺私信“Hugo”自動回復(fù)）。
下載完成后，將Hugo壓縮包解壓到你指定的目錄中。這將是你管理和構(gòu)建博客的中心位置。
WebStack-Hugo是一個基于Hugo的開源主題，它提供了一個現(xiàn)代、簡潔且功能豐富的界面。
① 訪問WebStack-Hugo的GitHub頁面或者GitCode頁面進(jìn)行下載。
② 下載地址：
https://github.com/shenweiyan/WebStack-Hugo
https://gitcode.com/shenweiyan/WebStack-Hugo/overview
③ 同樣，如果你需要幫助下載，可以聯(lián)系我獲取工具包（后臺私信“Hugo”自動回復(fù)）。
① 解壓下載的WebStack-Hugo壓縮包。
② 將解壓后的文件夾重命名為“WebStack-Hugo”，以確保與Hugo的兼容性。
在Hugo的解壓目錄中，創(chuàng)建一個新的文件夾，并命名為‘themes’。
① 進(jìn)入WebStack-Hugo文件夾。
② 將exampleSite文件夾中的所有文件復(fù)制到Hugo的解壓文件夾內(nèi)。
在Hugo文件夾內(nèi)，使用Shift+右鍵打開PowerShell窗口，或者在CMD窗口中打開當(dāng)前文件夾目錄。
在PowerShell或CMD窗口中，執(zhí)行hugo.exe server命令。這將啟動Hugo的本地服務(wù)器。
啟動服務(wù)后，你將得到一個本地訪問地址。在瀏覽器中輸入該地址，即可預(yù)覽你的網(wǎng)站。
① 在Hugo文件夾內(nèi)，找到復(fù)制過來的config.toml文件。
② 使用文本編輯工具打開config.toml，并根據(jù)你的需要修改網(wǎng)站的信息，如標(biāo)題、描述、作者等。
① 在Hugo文件夾中，找到復(fù)制來的data文件夾。
② 使用文本編輯工具打開webstack.yml文件，進(jìn)行導(dǎo)航欄內(nèi)容的修改，以適應(yīng)你的個人或品牌特色。
一旦你滿意你的網(wǎng)站預(yù)覽，就可以將其發(fā)布到互聯(lián)網(wǎng)上。Hugo支持多種部署方式，包括GitHub Pages、Netlify等。你可以選擇一個適合你的方式，將你的靜態(tài)網(wǎng)站部署到線上。下一篇，講一講如何獲取需要的網(wǎng)站資源（爬蟲爬取資源）
七、更多配置資料
https://github.com/shenweiyan/Knowledge-Garden/discussions/10
推薦閱讀:
1.手把手教你搭建網(wǎng)站：賺錢，從搭建個人工具網(wǎng)站開始（起始篇）
2.手把手教你搭建網(wǎng)站：賺錢，從搭建個人工具網(wǎng)站開始（建站篇）
3.不只是瀏覽：看一看瀏覽器如何實現(xiàn)自動執(zhí)行任務(wù)？
4.視頻翻譯，讓全球觀眾都為你打call：三款工具深度評測
5.自動化神器：影刀RPA與千峰辦公助手，讓你工作高效還能自動賺美金！
6.賺美金的必備工具：指紋瀏覽器讓你的多賬號操作更上一層樓！
?點這關(guān)注我，記得標(biāo)星?不迷路！
織碼就像是組織在平臺上的“身份證號”
你只需點一下“復(fù)制” 然后“粘貼”給別人
別人就可以用它來申請加入
你的組織或參與你們的活動
組織管理員可以進(jìn)行審核（當(dāng)然組織管理員也可以主動邀請，方式另說）
文字邀請碼是一種特殊的邀請方式
它由數(shù)字和字母組成的 比如“7wyy27t”
你可以在管理界面里添加 編輯或刪除這些邀請碼
這樣你就可以方便地邀請大量用戶來注冊了
同時 你也能查看每個邀請碼的使用情況
除了文字邀請碼 還有二維碼邀請碼
你可以在管理界面生成二維碼
用戶只需掃一掃就可以加入了
你也可以查看用戶掃碼的時間和次數(shù)
邀請注冊數(shù)據(jù)表可以展示各種邀請方式的注冊人數(shù)和訪問鏈接等數(shù)據(jù) 讓你一目了然
服務(wù)狀態(tài)區(qū)有三個選項：
正常開放 禁止注冊和關(guān)閉服務(wù)
默認(rèn)是正常開放
就是所有人都可以正常訪問和操作；
如果選擇禁止注冊 那么前臺新用戶就不能注冊了
但已經(jīng)注冊的前臺用戶還可以訪問和操作；
如果選擇關(guān)閉服務(wù)
那么所有前臺用戶都不能訪問和操作了。