基于Hugo 搭建个人博客网站

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

目录

1.环境搭建

2.生成博客

3.设置主题

4.将博客部署到github上


1.环境搭建

1)安装Homebrew

brew是一个在 macOS 操作系统上用于管理软件包的包管理器。类似于centos下的yum或者ubuntu下的apt,它允许用户通过命令行安装、更新和管理各种软件工具、库和应用程序。

前往hb官网,复制下载命令,打开终端进行粘贴(建议能科学上网的使用):

基于Hugo 搭建个人博客网站,development,hugo,blog,website

安装完成后根据指示,进行系统路径的添加,依次在终端输入它给到你的命令:

基于Hugo 搭建个人博客网站,development,hugo,blog,website

前者是在您的用户目录下的 .zprofile 文件中添加一行内容,以确保 Homebrew 在每次启动终端时都能正确设置;后者将立即执行之前添加到 .zprofile 文件的内容,将 Homebrew 添加到当前终端会话的路径中。操作完成后输入brew 检查是否安装成功

基于Hugo 搭建个人博客网站,development,hugo,blog,website

至此,hb安装完成。

2)安装Hugo

打开终端输入命令:

brew install hugo

基于Hugo 搭建个人博客网站,development,hugo,blog,website

2.生成博客

使用命令:

hugo new site personalblog

基于Hugo 搭建个人博客网站,development,hugo,blog,website

此时你的电脑中已经生成了文件夹personalblog

3.设置主题

前往hugo官网,找到自己喜欢的主题,点击后可以看到下载方法,按照要求进行下载

在终端目录下输入命令,就能成功设置主题并在本地运行个人博客:

基于Hugo 搭建个人博客网站,development,hugo,blog,website

4.将博客部署到github上

1)新建仓库

前往GitHub上新建一个仓库,注意命名要与github用户名一致

基于Hugo 搭建个人博客网站,development,hugo,blog,website

2)部署

在命令行输入以下指令生成public文件:

hugo --theme=hugo-theme-cleanwhite --baseUrl="THIS IS SLY | SLY | THIS IS SLY" --buildDrafts

基于Hugo 搭建个人博客网站,development,hugo,blog,website

将本地项目public文件推送到仓库中:

cd public

git add .

git commit -m "first update"

git remote add origin GitHub - sunlongyu/sunlongyu.github.io

git push -u origin master

基于Hugo 搭建个人博客网站,development,hugo,blog,website

仓库更新后就可以访问之前设置的域名进行访问了文章来源地址https://www.toymoban.com/news/detail-702668.html

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

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

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

相关文章

  • 通过 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日
    浏览(57)
  • 玩转开源 | 搭建 Hugo 管理 Markdown 文档

    在工作、学习中,不可避免会要写一些文档;又或者想搭建个简单网站,记录和分享您的生活经验或知识;撰写这些文档中使用 markdown 是一个非常不错的选择,让我们更加聚焦在文档表达的内容上。实际上笔者的文档基本都是在 Sublime 中用 markdown 格式撰写的。 在 先前文章

    2024年02月05日
    浏览(50)
  • 基于Django的blog个人博客系统设计与实现(Pycharm+Python+Mysql)

     博主介绍 :黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。 所有项目都配有从入门到精通的基础知识视频课程,学习后应对毕业设计答辩。 项目配有对应开发文档、

    2024年03月14日
    浏览(62)
  • 基于阿里云、七牛云、宝塔面板,从零开始用Halo搭建个人博客网站

    目录 目录 购买服务器 环境要求 硬件配置 CPU 内存 磁盘 网络 软件环境 JRE(Java Runtime Environment) MySQL(可选) Web 服务器(可选) Wget(可选) VIM(可选) 浏览器支持 名词解释 ~(符号) 运行包 工作目录 购买域名 服务器安装配置 远程连接 阿里云网页连接 Xshell程序连接 博

    2024年04月13日
    浏览(53)
  • 10分钟搭建一个免费个人博客网站

    准备工作 有Gitee账号 有安装git 会 markdown 编写文档 Node.js 版本 = 8.6 博客采用VuePress搭建,Gitee部署,接下来,5步搞定。 1.创建项目 创建项目目录,并初始化项目,安装VuePress 2. 创建目录结构 3.完成基础配置 配置主题,定义自己的导航栏 配置首页 在 myblog/package.json 中添加一些

    2024年02月09日
    浏览(59)
  • Hexo+GithubPages免费搭建个人博客网站

    一、前言 二、Github配置 新建同名仓库 配置Pages 三、安装Hexo 四、配置hexo-deployer-git 五、访问 六、发布文章 七、安装主题 我之前开了好几年的云服务器了,实际上使用场景并不是很多,感觉有点浪费。前两个月都给关掉了,现在呢琢磨着弄一个免费的云服务搭建个人博客。

    2024年02月13日
    浏览(56)
  • 使用宝塔面板搭建个人网站(博客)超详细2023

    提示:这里可以添加本文要记录的大概内容: 一直有一个执念想搭一个自己的网站,今天才付出行动,分享给同样想法的鼠鼠 个人网站地址:https://ooooooooooooooooooooooo.ooo/ooooοооoοᴏοoοᴏοoοᴏoooᴏооoоᴏᴏoоᴏᴏoᴏοοoᴏoooоᴏоoᴏоοoᴏoᴏoоᴏоoᴏoоoᴏoooᴏοοoоᴏоoᴏ

    2024年02月14日
    浏览(54)
  • 手机也可以搭建个人博客?安卓Termux+Hexo搭建属于你自己的博客网站【cpolar实现公网访问】

    Hexo 是一个用 Nodejs 编写的快速、简洁且高效的博客框架。Hexo 使用 Markdown 解析文章,在几秒内,即可利用靓丽的主题生成静态网页。 下面介绍在Termux中安装个人hexo博客并结合cpolar工具实现远程访问。 Hexo 是用 Nodejs 编写的,所以安装的话先安装node.js,termux 也是封装了,一行命

    2024年02月09日
    浏览(72)
  • 004 - Hugo, 分类

    content 文件夹下有 categories 文件夹,在该文件夹下,我们可以自己命名创建新的文件夹。文件夹内有 _index.md 文件和图片资源,图片是用来做归档里分类的背景 以及分类的小图 _index.md 文件只有 FrontMatter 因为即使有正文内容也不会显示。

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

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

    2024年02月06日
    浏览(83)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包