使用Hugo+Github从0开始免费搭建个人博客

这篇具有很好参考价值的文章主要介绍了使用Hugo+Github从0开始免费搭建个人博客。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

环境搭建

一.安装git

以win11为例

1.注册git账号:https://github.com/并记住用户名和密码

2.下载地址:Git - Downloads (git-scm.com)鼠标右键显示Git Bash Here就表示安装Git成功了。

github hugo,笔记,github,git,ssh

3.设置本地git用户

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

是否已经登录

git config user.name

生成密钥

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

github hugo,笔记,github,git,ssh
将其中Your Name替换为用户名,邮箱替换为自己注册时的邮箱

如图所示,密钥已经给我们生成到C:/Users/UserName/.shh/id_rsa文件下了。

打开该目录下的id_rsa.pub文件,用记事本打开并复制这个密钥。

github hugo,笔记,github,git,ssh

4.去GitHub上验证

登录github ->进入设置->SSH and GPG key ->新建密钥,把上面文件里的内容全部复制粘贴进去即可。

github hugo,笔记,github,git,ssh

在Git Bash里输入ssh -T git@github.com ,成功的话会出现
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

运行下面代码:

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中运行以下命令

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文件,当然也可以用vscode等。

到这里环境就搭建好了

使用Hugo创建博客

一.创建博客

使用hugo new site 命令创建博客:

# 博客项目的名字为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             # 网站布局
├── static              # 一些静态内容
└── themes              # 博客主题

github hugo,笔记,github,git,ssh

二.下载主题

我们要运行我们的博客,必须要有主题才行。

主题下载网站:Complete List | Hugo Themes (gohugo.io)

选择一款自己喜欢的主题

github hugo,笔记,github,git,ssh

进入页面后,他会告诉我们如何下载和使用

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目录下已经有了我们下载的主题

github hugo,笔记,github,git,ssh
在C:\Users\UserName\myblog目录下用记事本打开并修改config配置文件

baseurl = "localhost" # 发布网址这里暂时填本地地址,以后修改为github的地址

languageCode = "ja" #语言

title = "ZYY博客"#标题

author = "zhyyang"#作者
theme="ananke" #主题名称要写,不然不好发布,这里填自己下载的主题名

2.在本地启动博客

hugo server -t ananke --buildDrafts

github hugo,笔记,github,git,ssh

然后在浏览器输入

http://localhost:1313/

github hugo,笔记,github,git,ssh

能打开网页即可(关闭服务器 Ctrl+c)。

二.实际写一篇文章

hugo new post/blog.md

github hugo,笔记,github,git,ssh

可以看到C:\Users\UserName\myblog\content\post目录下生成了我们的md文件,我们通过编写md格式的文件来当我们的博客

github hugo,笔记,github,git,ssh

用Typora打开这个文件,随便输入点内容。然后在重启服务器即可看到:

github hugo,笔记,github,git,ssh
github hugo,笔记,github,git,ssh

三.将个人博客部署到服务器

在github上新建一个仓库

github hugo,笔记,github,git,ssh
注意!!!
注意!!!
注意!!!
从此刻开始要将zyydemo.github,io换成自己的仓库名
github hugo,笔记,github,git,ssh

github hugo,笔记,github,git,ssh

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

此时目录下出现了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上创建的仓库上已经有了我们的文件

github hugo,笔记,github,git,ssh

浏览器访问

https://zyydemo.github.io/

github hugo,笔记,github,git,ssh

大功告成!!!

若想使用hexo搭建博客请访问[这里](使用hexo+GitHub搭建个人博客 | Code Chronicle (zhyyang926.top))文章来源地址https://www.toymoban.com/news/detail-525864.html

到了这里,关于使用Hugo+Github从0开始免费搭建个人博客的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 从零开始:VuePress2 + GitHub Pages 搭建你的第一个免费博客网站

    可能你也想拥有一个属于自己的博客网站,但是自己搭个博客网站不知道从何下手,而且还需要租个云服务器,虽然一个月只需几十块钱,但是我们的博客网站是要长期维护的,日积月累也要不少钱呢。 现在我就教你用 VuePress2 + GitHub Pages 搭建个人博客网站,不用服务器,完

    2024年02月04日
    浏览(34)
  • 如何使用Github搭建个人博客

    在本文中,我将介绍如何使用GitHub搭建个人博客( 免费 )。GitHub是一个功能强大的版本控制和协作平台,它也可以用来托管和发布静态网页。通过将你的个人博客托管在GitHub上,你可以享受到版本控制的好处,并且能够与其他开发者进行协作。 在GitHub官网上创建一个账号,

    2024年02月15日
    浏览(41)
  • 使用 Jekyll 在 GitHub 上搭建个人博客

    原文转载于个人博客文章 使用 Jekyll 在 GitHub 上搭建个人博客 搭建流程: 下载安装配置Git GitHub创建公共仓库 克隆本地仓库 克隆博客模板 博客基础功能设置 设置评论功能 上传GitHub 下载 Git官网 Git 安装配置参考以下教程 创建仓库名结尾为 * .github.io 的公共仓库 示范:ChenPe

    2024年01月15日
    浏览(51)
  • 如何零基础零费用的在30分钟内用hugo+github pages创建一个专属于你的个人博客 - 简单快捷到建议人手一个

    写这篇文章的原因是在网上看了很多的教程,踩了不少的坑,更多的白费了很多功夫,也没找到一篇从头到尾完整有效的个人建站方法。 有些教程年代久远,有些教程极为繁琐,有些教程压根跑不通。 为了方便自己,做个记录,也方便大家,在这个人人都可以发声的时代,

    2024年01月22日
    浏览(45)
  • 如何使用Jekyll在GitHub Pages上搭建网站(个人博客)

    本文很长,建议使用侧边栏进行跳转。 Jekyll 是一个基于 Ruby 语言的,用于搭建静态网站的生成器,主要用于搭建博客网站(官方自己的介绍为:Jekyll is a blog-aware, static site generator in Ruby)。但是虽然是静态网站,但是可以实现一些使用数据库的动态网站的效果和功能,是很不

    2024年02月06日
    浏览(73)
  • 10分钟 使用VitePress和GitHub Actions快速搭建发布个人博客

    VitePress官网Getting Started | VitePress VitePress 是一个静态站点生成器 (SSG),旨在构建快速、以内容为中心的网站。 Node.js (nodejs.org)Node版本18或更高版本 **使用 node -v **查看node版本 创建文件夹并进入到项目的目录 初始化项目 这里会带有设置向导 安装项目所需的 vitepress 依赖 在

    2024年02月03日
    浏览(51)
  • 基于vuepress快速实现个人博客-github免费部署

    本人代码仓库:https://github.com/Lihua-cpu/BlockPage 个人博客地址:https://lihua-cpu.github.io/BlockPage/ pc展示效果 app展示效果 快速开始同 VuePress 官网: npx npm yarn 官方部署 部署gitee、github是可以的,但是gitee部署需要实名认证,github则不需要. 官网:https://vuepress.vuejs.org/zh/guide/deploy.html#github-p

    2024年02月04日
    浏览(30)
  • 【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床

    准备工作: 首先电脑得提前完成安装如下: 1. nodejs环境(node ,npm):【安装指南】nodejs下载、安装与配置详细教程 2. Picgo:【安装指南】图床神器之Picgo下载、安装与配置详细教程 3. Typora:【安装指南】markdown神器之Typora下载、安装与无限使用详细教程 工具介绍: typora: Markdown工

    2024年02月20日
    浏览(31)
  • Hexo搭建个人博客(github)

    记录搭建个人博客的过程 本文使用Hexo+GitHub Page的方法搭建博客,下面是环境准备的步骤,包括nodejs的安装和git的安装(注:本教程仅适用于windows用户) 详情请参考这篇博客: NVM的安装使用与配置(node, npm, yarn 为了把本地的网页上传到git上,需要在系统上下载git,详情参考

    2024年02月21日
    浏览(34)
  • Github搭建个人博客全攻略

    Github是开发者的代码仓库,一个开源和分享社区。 本文前提是已注册github账号。 假设用户名为MyName 进入个人主页(https://github.com/用户名),选择Repositories,点击New Repository name填入MyName.github.io,即MyName/ MyName.github.io ,点击Create Repository 安装Git或TortoiseGit(后者添加环境变量)

    2024年02月16日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包