简单几步,通过hugo的安装和github的配置,通过cmd命令及git bash的操作,实现网站的建立和发布


目录

准备

首先需要github账户,电脑安装git,及熟悉git bash的操作,如果不熟悉,或者没有以上条件,需要申请一下,然后进行安装

安装

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,如果能显示hugo的版本号,及表示安装成功,这里需要强调一下的是,hugo安装目录添加到到环境变量中

用Hugo来生成个人博客

a.在D:\Hugo\hugo_0.55.4_Windows-64bit路径下,以管理员身份打开cmd控制台,然后输入hugo new site myblog(自定义的博客名) b.切换到生成的myblog(博客的根目录)文件夹目录下,进行下一步下载主题

下载并设置博客主题

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目录下。

在本地启动个人博客

a.切换到博客的根目录下,cmd中输入命令hugo server -t m10c –buildDrafts b.复制网址http://localhost:1313/到浏览器中,查看站点是否运行成功

将个人博客部署到远端服务器

a.上面的一系列操作,得到的博客网站的站点只能在自己的电脑上本地访问,要想别人能访问你的博客网站,必须将个人博客部署到远端服务器。首先,你要有一个github账号,然后创建一个仓库,注意:创建仓库的命名必须是你github的昵称且必须小写再加上.github.io。例如,你的github昵称是lucifer,因此创建的仓库名必须是lucifer.github.io。 b.接着,切换到博客的根目录下,cmd中输入命令hugo –theme=m10c(主题名) –baseUrl=“https://lucifer.github.io/(仓库地址)" –buildDrafts

git bash操作

c.然后会在博客的根目录myblog下生成一个public文件夹。在git bash中切换到public文件目录下,在git bash中输入命令git init,将此public文件夹变成git本地仓库, 然后输入git add ., 将public文件夹下的所有文件放入暂存区中等待提交, 接着输入git commit -m “我的Hugo博客第一次提交”,这样就将本地仓库中的文件提交到了远程仓库。 输入git remote add origin https://github.com/lucifer/lucifer.github.io.git。 最后,输入命令git push -u origin master,将本地仓库代码推送到远程库。 d.最后,在浏览器中输入lucifer.github.io,即可访问自己的博客网站。