国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

使用Hugo+Github從0開始免費搭建個人博客

這篇具有很好參考價值的文章主要介紹了使用Hugo+Github從0開始免費搭建個人博客。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

環(huán)境搭建

一.安裝git

以win11為例

1.注冊git賬號:https://github.com/并記住用戶名和密碼

2.下載地址:Git - Downloads (git-scm.com)鼠標(biāo)右鍵顯示Git Bash Here就表示安裝Git成功了。

github hugo,筆記,github,git,ssh

3.設(shè)置本地git用戶

git config --global user.name "Your Name"
git config --global user.email "郵箱"

是否已經(jīng)登錄

git config user.name

生成密鑰

ssh-keygen -t rsa -C "郵箱"

github hugo,筆記,github,git,ssh
將其中Your Name替換為用戶名,郵箱替換為自己注冊時的郵箱

如圖所示,密鑰已經(jīng)給我們生成到C:/Users/UserName/.shh/id_rsa文件下了。

打開該目錄下的id_rsa.pub文件,用記事本打開并復(fù)制這個密鑰。

github hugo,筆記,github,git,ssh

4.去GitHub上驗證

登錄github ->進(jìn)入設(shè)置->SSH and GPG key ->新建密鑰,把上面文件里的內(nèi)容全部復(fù)制粘貼進(jìn)去即可。

github hugo,筆記,github,git,ssh

在Git Bash里輸入ssh -T git@github.com ,成功的話會出現(xiàn)
You’ve successfully authenticated, but GitHub does not provide shell access.。

二.安裝choco

Chocolatey是Windows平臺上的包管理器,通過它可以集中安裝、管理、更新各種各樣的軟件。

打開Windows PowerShell,用管理員登錄,如圖所示

github hugo,筆記,github,git,ssh
github hugo,筆記,github,git,ssh

運(yùn)行下面代碼:

Set-ExecutionPolicy Bypass -Scope Process -Force; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))

查看版本號判斷是否安裝成功或生成C:\ProgramData\chocolatey目錄(這個目錄是隱藏的)

choco

github hugo,筆記,github,git,ssh
github hugo,筆記,github,git,ssh

三.安裝hugo

在Windows PowerShell中運(yùn)行以下命令

choco install hugo -confirm

github hugo,筆記,github,git,ssh

驗證是否成功

hugo version

github hugo,筆記,github,git,ssh

四.安裝Typora

下載安裝即可,非常簡單

鏈接:https://pan.baidu.com/s/1r_EN-E80K11_UsZd5s5Ltw?pwd=gw4r 
提取碼:gw4r

安裝Typora的目的是編寫md文件,當(dāng)然也可以用vscode等。

到這里環(huán)境就搭建好了

使用Hugo創(chuàng)建博客

一.創(chuàng)建博客

使用hugo new site 命令創(chuàng)建博客:

# 博客項目的名字為myblog
hugo new site myblog

github hugo,筆記,github,git,ssh

可以看到在C:/Users/UsersName/下生成了myblog文件,也就是我們的博客文件。

github hugo,筆記,github,git,ssh

這是myblog文件目錄,其中content存放我們寫的博客,themes存放我們以后下載的主題,static存放圖片等。

├── archetypes
│   └── default.md
├── config.toml         # 博客站點的配置文件
├── content             # 博客文章所在目錄
├── data                
├── layouts             # 網(wǎng)站布局
├── static              # 一些靜態(tài)內(nèi)容
└── themes              # 博客主題

github hugo,筆記,github,git,ssh

二.下載主題

我們要運(yùn)行我們的博客,必須要有主題才行。

主題下載網(wǎng)站:Complete List | Hugo Themes (gohugo.io)

選擇一款自己喜歡的主題

github hugo,筆記,github,git,ssh

進(jìn)入頁面后,他會告訴我們?nèi)绾蜗螺d和使用

github hugo,筆記,github,git,ssh

1.下載主題

要切換到我們博客根目錄下使用命令

cd myblog
git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke

github hugo,筆記,github,git,ssh

此時我們的themes目錄下已經(jīng)有了我們下載的主題

github hugo,筆記,github,git,ssh
在C:\Users\UserName\myblog目錄下用記事本打開并修改config配置文件

baseurl = "localhost" # 發(fā)布網(wǎng)址這里暫時填本地地址,以后修改為github的地址

languageCode = "ja" #語言

title = "ZYY博客"#標(biāo)題

author = "zhyyang"#作者
theme="ananke" #主題名稱要寫,不然不好發(fā)布,這里填自己下載的主題名

2.在本地啟動博客

hugo server -t ananke --buildDrafts

github hugo,筆記,github,git,ssh

然后在瀏覽器輸入

http://localhost:1313/

github hugo,筆記,github,git,ssh

能打開網(wǎng)頁即可(關(guān)閉服務(wù)器 Ctrl+c)。

二.實際寫一篇文章

hugo new post/blog.md

github hugo,筆記,github,git,ssh

可以看到C:\Users\UserName\myblog\content\post目錄下生成了我們的md文件,我們通過編寫md格式的文件來當(dāng)我們的博客

github hugo,筆記,github,git,ssh

用Typora打開這個文件,隨便輸入點內(nèi)容。然后在重啟服務(wù)器即可看到:

github hugo,筆記,github,git,ssh
github hugo,筆記,github,git,ssh

三.將個人博客部署到服務(wù)器

在github上新建一個倉庫

github hugo,筆記,github,git,ssh
注意?。。?/strong>
注意?。?!
注意!??!
從此刻開始要將zyydemo.github,io換成自己的倉庫名
github hugo,筆記,github,git,ssh

github hugo,筆記,github,git,ssh

hugo --theme=ananke --baseUrl="https://zyydemo.github.io/" --buildDrafts

此時目錄下出現(xiàn)了public文件

github hugo,筆記,github,git,ssh

這就是以后我們的頁面目錄

github hugo,筆記,github,git,ssh

cd public
git add .
git commit -m"我的hugo博客"
git remote add origin https://github.com/ZyyDemo/zyydemo.github.io.git
git push -u origin master

github hugo,筆記,github,git,ssh

github hugo,筆記,github,git,ssh
github hugo,筆記,github,git,ssh

可以看到github上創(chuàng)建的倉庫上已經(jīng)有了我們的文件

github hugo,筆記,github,git,ssh

瀏覽器訪問

https://zyydemo.github.io/

github hugo,筆記,github,git,ssh

大功告成?。?!

若想使用hexo搭建博客請訪問[這里](使用hexo+GitHub搭建個人博客 | Code Chronicle (zhyyang926.top))文章來源地址http://www.zghlxwxcb.cn/news/detail-525864.html

到了這里,關(guān)于使用Hugo+Github從0開始免費搭建個人博客的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進(jìn)行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • 從零開始:VuePress2 + GitHub Pages 搭建你的第一個免費博客網(wǎng)站

    從零開始:VuePress2 + GitHub Pages 搭建你的第一個免費博客網(wǎng)站

    可能你也想擁有一個屬于自己的博客網(wǎng)站,但是自己搭個博客網(wǎng)站不知道從何下手,而且還需要租個云服務(wù)器,雖然一個月只需幾十塊錢,但是我們的博客網(wǎng)站是要長期維護(hù)的,日積月累也要不少錢呢。 現(xiàn)在我就教你用 VuePress2 + GitHub Pages 搭建個人博客網(wǎng)站,不用服務(wù)器,完

    2024年02月04日
    瀏覽(24)
  • 如何使用Github搭建個人博客

    如何使用Github搭建個人博客

    在本文中,我將介紹如何使用GitHub搭建個人博客( 免費 )。GitHub是一個功能強(qiáng)大的版本控制和協(xié)作平臺,它也可以用來托管和發(fā)布靜態(tài)網(wǎng)頁。通過將你的個人博客托管在GitHub上,你可以享受到版本控制的好處,并且能夠與其他開發(fā)者進(jìn)行協(xié)作。 在GitHub官網(wǎng)上創(chuàng)建一個賬號,

    2024年02月15日
    瀏覽(23)
  • 使用 Jekyll 在 GitHub 上搭建個人博客

    使用 Jekyll 在 GitHub 上搭建個人博客

    原文轉(zhuǎn)載于個人博客文章 使用 Jekyll 在 GitHub 上搭建個人博客 搭建流程: 下載安裝配置Git GitHub創(chuàng)建公共倉庫 克隆本地倉庫 克隆博客模板 博客基礎(chǔ)功能設(shè)置 設(shè)置評論功能 上傳GitHub 下載 Git官網(wǎng) Git 安裝配置參考以下教程 創(chuàng)建倉庫名結(jié)尾為 * .github.io 的公共倉庫 示范:ChenPe

    2024年01月15日
    瀏覽(47)
  • 如何零基礎(chǔ)零費用的在30分鐘內(nèi)用hugo+github pages創(chuàng)建一個專屬于你的個人博客 - 簡單快捷到建議人手一個

    寫這篇文章的原因是在網(wǎng)上看了很多的教程,踩了不少的坑,更多的白費了很多功夫,也沒找到一篇從頭到尾完整有效的個人建站方法。 有些教程年代久遠(yuǎn),有些教程極為繁瑣,有些教程壓根跑不通。 為了方便自己,做個記錄,也方便大家,在這個人人都可以發(fā)聲的時代,

    2024年01月22日
    瀏覽(48)
  • 如何使用Jekyll在GitHub Pages上搭建網(wǎng)站(個人博客)

    如何使用Jekyll在GitHub Pages上搭建網(wǎng)站(個人博客)

    本文很長,建議使用側(cè)邊欄進(jìn)行跳轉(zhuǎn)。 Jekyll 是一個基于 Ruby 語言的,用于搭建靜態(tài)網(wǎng)站的生成器,主要用于搭建博客網(wǎng)站(官方自己的介紹為:Jekyll is a blog-aware, static site generator in Ruby)。但是雖然是靜態(tài)網(wǎng)站,但是可以實現(xiàn)一些使用數(shù)據(jù)庫的動態(tài)網(wǎng)站的效果和功能,是很不

    2024年02月06日
    瀏覽(31)
  • 10分鐘 使用VitePress和GitHub Actions快速搭建發(fā)布個人博客

    10分鐘 使用VitePress和GitHub Actions快速搭建發(fā)布個人博客

    VitePress官網(wǎng)Getting Started | VitePress VitePress 是一個靜態(tài)站點生成器 (SSG),旨在構(gòu)建快速、以內(nèi)容為中心的網(wǎng)站。 Node.js (nodejs.org)Node版本18或更高版本 **使用 node -v **查看node版本 創(chuàng)建文件夾并進(jìn)入到項目的目錄 初始化項目 這里會帶有設(shè)置向?qū)?安裝項目所需的 vitepress 依賴 在

    2024年02月03日
    瀏覽(19)
  • 基于vuepress快速實現(xiàn)個人博客-github免費部署

    基于vuepress快速實現(xiàn)個人博客-github免費部署

    本人代碼倉庫:https://github.com/Lihua-cpu/BlockPage 個人博客地址:https://lihua-cpu.github.io/BlockPage/ pc展示效果 app展示效果 快速開始同 VuePress 官網(wǎng): npx npm yarn 官方部署 部署gitee、github是可以的,但是gitee部署需要實名認(rèn)證,github則不需要. 官網(wǎng):https://vuepress.vuejs.org/zh/guide/deploy.html#github-p

    2024年02月04日
    瀏覽(54)
  • 【開源圖床】使用Typora+PicGo+Github+CDN搭建個人博客圖床

    【開源圖床】使用Typora+PicGo+Github+CDN搭建個人博客圖床

    準(zhǔn)備工作: 首先電腦得提前完成安裝如下: 1. nodejs環(huán)境(node ,npm):【安裝指南】nodejs下載、安裝與配置詳細(xì)教程 2.?Picgo:【安裝指南】圖床神器之Picgo下載、安裝與配置詳細(xì)教程 3.?Typora:【安裝指南】markdown神器之Typora下載、安裝與無限使用詳細(xì)教程 工具介紹: typora: Markdown工

    2024年02月20日
    瀏覽(24)
  • Hexo搭建個人博客(github)

    Hexo搭建個人博客(github)

    記錄搭建個人博客的過程 本文使用Hexo+GitHub Page的方法搭建博客,下面是環(huán)境準(zhǔn)備的步驟,包括nodejs的安裝和git的安裝(注:本教程僅適用于windows用戶) 詳情請參考這篇博客: NVM的安裝使用與配置(node, npm, yarn 為了把本地的網(wǎng)頁上傳到git上,需要在系統(tǒng)上下載git,詳情參考

    2024年02月21日
    瀏覽(22)
  • Github搭建個人博客全攻略

    Github是開發(fā)者的代碼倉庫,一個開源和分享社區(qū)。 本文前提是已注冊github賬號。 假設(shè)用戶名為MyName 進(jìn)入個人主頁(https://github.com/用戶名),選擇Repositories,點擊New Repository name填入MyName.github.io,即MyName/ MyName.github.io ,點擊Create Repository 安裝Git或TortoiseGit(后者添加環(huán)境變量)

    2024年02月16日
    瀏覽(49)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包