使用Hugo搭建自己的个人博客网站
一.使用Hugo(基于Go语言的博客框架)搭建个人博客网站
- 1.Windows 64位系统下安装Hugo
- a.Hugo框架下载地址,找到hugo_0.55.4_Windows-64bit.zip文件进行下载,下载后进行解压,即安装完成。
- b.查看是否安装成功Hugo:在D:\Hugo\hugo_0.55.4_Windows-64bit路径下,以管理员身份打开cmd控制台,然后输入hugo version,出现下图结果表示安装成功。
- 2.用Hugo来生成个人博客
- a.在D:\Hugo\hugo_0.55.4_Windows-64bit路径下,以管理员身份打开cmd控制台,然后输入hugo new site myblog(自定义的博客名)
- b.切换到生成的myblog(博客的根目录)文件夹目录下,进行下一步下载主题
- 3.下载并设置博客主题
- a.Hugo主题下载地址,下面以主题m10c为例进行演示。
- b.确保自己电脑上已经安装好了Git,然后打开git bash,切换到生成的myblog(博客的根目录)文件夹目录下,执行git clone https://github.com/vaga/hugo-theme-m10c.git themes/m10c,下载好的主题在D:\Hugo\hugo_0.55.4_Windows-64bit\myblog\themes目录下。
- 4.在本地启动个人博客
- a.切换到博客的根目录下,cmd中输入命令hugo server -t m10c --buildDrafts,结果如下图所示:
- b.复制网址http://localhost:1313/到浏览器中,查看站点是否运行成功
- a.切换到博客的根目录下,cmd中输入命令hugo server -t m10c --buildDrafts,结果如下图所示:
- 5.实际写一篇文章
- a.切换到博客的根目录下,cmd中输入命令hugo new post/blog.md(自定义markdown文件名),然后会在D:\Hugo\hugo_0.55.4_Windows-64bit\myblog\content\post路径下生成了blog.md文件,然后再使用vs code或者其它能编写markdown文件的编辑器打开blog.md文件,写入博客文章的具体内容,注意不要修改原始的blog.md文件中已经有的内容!。
- b.接着,切换到博客的根目录下,cmd中输入命令hugo server -t m10c --buildDrafts
- c.复制网址http://localhost:1313/到浏览器中,查看站点上的内容是否已经更新完成,显示我们刚刚编写的博客文章。
- 注意:每次修改完blog.md文件中的内容后,需要重新在cmd中输入命令hugo server -t m10c --buildDrafts,这样http://localhost:1313/链接中的页面才会更新。
- 6.将个人博客部署到远端服务器
- a.上面的一系列操作,得到的博客网站的站点只能在自己的电脑上本地访问,要想别人能访问你的博客网站,必须将个人博客部署到远端服务器。首先,你要有一个github账号,然后创建一个仓库,注意:**创建仓库的命名必须是你github的昵称且必须小写再加上.github.io。**例如,你的github昵称是cdlwhm1217096231,因此创建的仓库名必须是cdlwhm1217096231.github.io。
- b.接着,切换到博客的根目录下,cmd中输入命令hugo --theme=m10c(主题名) --baseUrl=“https://cdlwhm1217096231.github.io/(仓库地址)” --buildDrafts
- c.然后会在博客的根目录myblog下生成一个public文件夹。切换到public文件目录下,在git bash中输入命令git init,将此public文件夹变成git本地仓库,然后输入git add ., 将public文件夹下的所有文件放入暂存区中等待提交,接着输入git commit -m “我的Hugo博客第一次提交”,这样就将本地仓库中的文件提交到了远程仓库。在接着,输入git remote add origin https://github.com/cdlwhm1217096231/cdlwhm1217096231.github.io.git。最后,输入命令git push -u orgin master,将本地仓库代码推送到远程库。
- d.最后,在浏览器中输入cdlwhm1217096231.github.io,即可访问自己的博客网站。
- 7.备注说明
- 以上的教程只是简单的搭建并部署自己的博客网站,具体博客网站的修饰,本人正在学习中,欢迎各位多多交流
二.参考资料
- 视频教程
使用Hugo搭建自己的个人博客网站相关推荐
- Vue + TypeScript + Element 搭建简洁时尚的博客网站及踩坑记
前言 本文讲解如何在 Vue 项目中使用 TypeScript 来搭建并开发项目,并在此过程中踩过的坑 . TypeScript 具有类型系统,且是 JavaScript 的超集,TypeScript ...
- 10分钟搭建一个免费个人博客网站
一个程序员怎么能不拥有自己的博客,本文让10分钟快速搭建部署好自己的博客 准备工作 有Gitee账号 有安装git 会 markdown 编写文档 Node.js 版本 >= 8.6 博客采用V ...
- 在win10子系统ubuntu平台下使用jekyll和github pages搭建自己的静态博客网站
前言 总喜欢在自己闲得无聊的时候,折腾一些东西.最近喜欢上了markdown的方便简洁,就想借助jekyll和github pages来搭建一个静态博客网站,然后只需要跟平时写代码一样,上传自己的.m ...
- 斥资75元,我搭建了自己的博客网站
1.背景 1.1.执念 搭建网站是一直想做的事.读大学时,曾用阿里云搭建了一个网站,但是第二天就无法访问(没备案). 当时想到即使搭建好了,网站上也没有内容可以放,这件事也就翻篇了. 1.2.教做人 ...
- 搭建 Github Pages 个人博客网站
文章出自个人博客https://knightyun.github.io/2018/04/01/github-pages-blog#1.1. 转载请申明 目录 引言 关于博客 关于Github 创建Gi ...
- Hexo+Fluid搭建自己的个人博客网站!
这篇博文我已经拖更半年了,半年前兴致勃勃地买了域名.搭起了个人博客,结果到现在网页上还是空空如也,马上就要2023年了,准备从现在开始,每天坚持做一件事,希望时间的积分效应能让我有所收益. 本博文将介 ...
- (超详细)15分钟利用coding搭建你的hexo博客网站
一.前期准备工作 1.安装Git 点击下载 点击之后即可下载,可能速度会有些慢. 所有的工具我都会打包好放到下方 2.安装Node.js 点击下载 安装好在桌面右键git bash here 输入np ...
- 啥不懂也能动手搭建属于自己的博客网站
目前,我们在大多数的网站搭建教程中都是基于linux系统,可是,对于有些对linux系统完全没有一点了解的朋友来说,这并不是一个好的消息,今天,我为大家写一篇基于腾讯云windows server 2 ...
- 小白也能动手搭建属于自己的博客网站
目前,我们在大多数的网站搭建教程中都是基于linux系统,可是,对于有些对linux系统完全没有一点了解的朋友来说,这并不是一个好的消息,今天,我为大家写一篇基于腾讯云windows server 2 ...
最新文章
- JavaXml教程(二)使用DOM方式解析XML文件
- pythonisodd函数_python3.5|小白入门基础语法之数据结构、函数、迭代,确实简洁...
- 什么是二维数组?二维遍历?Java二维数组制作图片迷宫 使用如鹏游戏引擎制作窗口界面 附带压缩包下载,解压后双击start.bat启动...
- resin 4.0数据源的配置
- hdu2602 Bone Collector-01背包问题
- 【CodeForces - 334B】Eight Point Sets(水题模拟,有坑)
- 机器学习与数据科学决策树指南
- [译] Scala 类型的类型(一)
- 年假计算器在线_死亡计算器 和 年龄计算器
- java 中类超时_Java中httpClient中的三种超时设置总结
- java课程设计学生信息管理系统。
- L2-004 这是二叉搜索树吗? (25分)*
- mongoDB下载安装
- 通过STM32CubeMX实现LED闪烁——基于HAL库
- Mac应用程序无法打开或文件损坏的处理方法
- ASEMI场效应管7N60的极限和静态参数详解
- [xueqi]吃着榨菜,轻松搞下漏洞百出的湾湾站
- 牛顿法迭代法 | matlab实现
- 普通table表格样式大全
- SpringBoot学习小结之Redis