如何零基础零费用的在30分钟内用hugo+github pages创建一个专属于你的个人博客 - 简单快捷到建议人手一个

这篇具有很好参考价值的文章主要介绍了如何零基础零费用的在30分钟内用hugo+github pages创建一个专属于你的个人博客 - 简单快捷到建议人手一个。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

写这篇文章的原因是在网上看了很多的教程,踩了不少的坑,更多的白费了很多功夫,也没找到一篇从头到尾完整有效的个人建站方法。

有些教程年代久远,有些教程极为繁琐,有些教程压根跑不通。

为了方便自己,做个记录,也方便大家,在这个人人都可以发声的时代,又感觉人人的喉咙都被扼住了。

虽然大家在各个媒体平台都有自己的账号,但是给自己留一份自己的自留地,貌似也不会是什么坏事。

这也是我建个人博客的最主要理由,因为有些东西因为这样的或者那样的原因,无法在公域平台发布,那么自己的博客网站,总可以容纳的下。

建立个人博客的两个方法

这是一套非常简单的方法,我希望可以让每一个人都可以照着这套方法建立自己的博客。

总共分为两个版本:

第一个版本为通用版本,利用云服务器的host功能,一个月仅需要花费一杯咖啡的钱。

第二个版本为github版本,利用github pages的免费host和自动部署功能,不需要花一分钱就可以拥有自己的博客。

视频版本:

如何零基础零费用的在30分钟内创建一个专属于你的个人博客 - 简单快捷到建议人手一个

前置准备

Mac 和 linux

需要:homebrew,git包管理,Node.js, vscode(推荐)

 

homebrew安装:直接命令行输入

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

 

git包管理:直接命令行输入

brew install git

 

Node.js: 下载安装包后按照默认设置安装

Node.js下载链接

Windows

需要:git包管理,hugo预编译文件,Node.js, vscode(推荐)

 

git包管理:点击下面链接下载后安装

git包管理下载链接

 

Node.js: 下载安装包后按照默认设置安装

Node.js下载链接

准备 hugo 环境

我们用hugo来写个人博客,它是一个非常快捷和友好的博客框架。

mac 安装方法:命令行种输入

brew install hugo

Windows安装方法

比mac要麻烦点,但是安装方法很详细。

windows版本的安装方法

学会在命令行中创建blog

windows:在搜索栏中输入cmd或者命令行

mac:找到Terminal

创建一个新的blog

使用命令hugo new site来创建一个博客,pingfan-blog这个名字可以根据自己的需要改

hugo new site pingfan-blog

进入刚刚创建好的博客文件夹中

在命令行中使用cd命令

cd pingfan-blog

给博客加个皮肤,一次复制+粘贴三行代码到命令行中

第一文章来源地址https://www.toymoban.com/news/detail-814056.html

到了这里,关于如何零基础零费用的在30分钟内用hugo+github pages创建一个专属于你的个人博客 - 简单快捷到建议人手一个的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • hugo-stack for github

    全名为静态网站生成器, 可在任意拥有主机功能的环境下寄存(托管)可直接配合域名进行全球访问 劣势: 每次更新网页必须重新生成整个网站 编译速度(单位:秒) Jekyll: 15.90 Hugo: 4.90 Hexo的数据应当介于二者之间。 Jekyll 有github支持,可以将markdown文件直接放到git仓库,gith

    2024年02月08日
    浏览(32)
  • 使用Hugo+Github从0开始免费搭建个人博客

    以win11为例 1.注册git账号:https://github.com/并记住用户名和密码 2.下载地址:Git - Downloads (git-scm.com)鼠标右键显示Git Bash Here就表示安装Git成功了。 3.设置本地git用户 是否已经登录 生成密钥 将其中Your Name替换为用户名,邮箱替换为自己注册时的邮箱 如图所示,密钥已经给我们生

    2024年02月12日
    浏览(31)
  • 通过 Github workflows CI/CD 自动化部署 Github Pages hugo 免费博客

    文章博客地址:https://blog.taoluyuan.com/posts/github-workflows/ GitHub Actions 介绍 GitHub 文档:https://docs.github.com/zh/actions/learn-github-actions/understanding-github-actions 官方介绍: GitHub Actions 是一种持续集成和持续交付 (CI/CD) 平台,可用于自动执行生成、测试和部署管道。 您可以创建工作流程来

    2024年02月07日
    浏览(43)
  • 650亿参数,训练飙升38%!LLaMA基础大模型复刻最佳实践开源,GitHub已获30k星

    开源LLaMA神话再次复现!首个开源650亿参数大模型高性能预训练方案,训练加速38%,低成本打造量身大模型。 「百模大战」正风起云涌,AIGC相关企业融资和并购金额也屡创新高,全球科技企业争相入局。 然而,AI大模型风光无限的背后是成本极其高昂,单次预训练成本或高达

    2024年02月16日
    浏览(32)
  • GitHub如何验证2FA,烦人的认证,看完几分钟解锁

    今天需要使用GitHub,还是不能用,需要2FA认证,没办法,还是让2FA认证流程来,一一解决,在解决这认证问题之前,先说说2FA认证是什么? 2FA 是指两步验证(Two-Factor Authentication)的缩写。它是一种用于增强账户安全性的身份验证方法。传统的身份验证通常只需要输入用户名

    2024年04月23日
    浏览(33)
  • 全网最详细中英文ChatGPT接口文档(五)30分钟快速入门ChatGPT——手把手示例教程:如何建立一个人工智能回答关于您的网站问题,小白也可学

    This tutorial walks through a simple example of crawling a website (in this example, the OpenAI website), turning the crawled pages into embeddings using the Embeddings API, and then creating a basic search functionality that allows a user to ask questions about the embedded information. This is intended to be a starting point for more sophisticated applicat

    2023年04月17日
    浏览(38)
  • 如何科学严谨的在 mac 上安装 jenkins?

    如何科学严谨的在 mac 上安装 jenkins? 我们要把复杂的事情简单化,简单的事情标准化,标准的事情流程化,流程的事情自动化。 -----来自夏华夏。美团首席科学家。 刚好最近在和同事一起折腾 jenkins,我觉得这说的就是一个类 “DevOps” 化的处理思想。 和小伙伴们一起折腾

    2024年02月01日
    浏览(21)
  • MySQL用的在溜,不知道业务如何设计也白搭!!!

    作者: 博学谷狂野架构师 GitHub: GitHub地址 (有我精心准备的130本电子书PDF) 只分享干货、不吹水,让我们一起加油!😄 范式设计 范式概述 第一范式: 当关系模式R的所有属性都不能在分解为更基本的数据单位时,称R是满足第一范式的,简记为1NF。满足第一范式是关系模式

    2023年04月27日
    浏览(40)
  • 如何简单的在IDEA中关联git远程仓库

    在IDEA中关联远程仓库有许多的方法,那么在这呢我教大家一种简单的方法。 那么在开始之前呢,需要大家在你自己的电脑上安装git,并且在Gitee上创建自己的仓库。 同时IDEA中需要下载Gitee的插件 那么我在这也创建好了一个测试仓库 点击黄色的克隆/下载框,找到HTTPS复制上面

    2024年02月12日
    浏览(30)
  • 30分钟速成TypeScript

    一、TypeScript 是什么? TypeScript 是 JavaScript 的超集,在 JavaScript 的基础上增加了类、模块、接口、泛型和静态类型(可选)等常见的概念。 从编程语言的动、静来区分,TypeScript属于静态类型的编程语言,JS属于动态类型的编程语言,静态类型是编译期做类型检查,动态类型是

    2024年02月10日
    浏览(21)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包