自己搭建了一个博客用hugo,后因自己搭建的博客上传文章,搞一些东西不方便,就创建了现在这个博客,不过还是把如何搭建hugo的过程记录以下。

Ubuntu下的操作

1. 下载Git

打开终端 Ctrl+Alt+T 就可打开

下载Git

sudo apt update
sudo apt install git  

  

设置用户名和邮箱

git config --global user.name "zoey"
git config --global user.email "zoey686@163.com"

查看设置的用户名和密码

git config --list

2.下载Hugo

方法一:

  直接下载,一般hugo版本较低,在选择theme(主题)的时候有一定限制

sudo apt install hugo

方法二:

wget https://github.com/gohugoio/hugo/releases/download/v0.54.0/hugo_0.54.0_Linux-64bit.deb

sudo dpkg -i hugo_0..0_Linux-64bit.deb

检查是否安装好了hugo以及查看版本号

hugo --help
hugo version

3.建立博客

建立一个Git的文件夹

在文件夹里面建立myblog页面存放博客页面

mkdir gitFile
hugo new site myblog

然后myblog下面就会有以下几个文件夹自动生成

archetypes    文章开头形式

content          内容

data              自定义模板

layouts          网页模板文件

static             存储图片一些其他的资源

themes          主题

4.设置主题

进入themes文件然后克隆主题

首先去Hugo网站的thmem主题去选主题,要注意hugo的版本号

https://themes.gohugo.io/

进入网站选择自己喜欢的主题

 

进入后会有克隆网址如下

如图在终端输入就设置好了主题

5.本地启动博客

回到myblog文件下

cd ..pwd

生成页面

hugo server -t ezhil --buildDrafts

ezhil是theme的名字

然后会生存一个localhost:XXXXX

点进去或者复制到网页 就可以看到为们的博客

6.搭载到服务器上

我是直接放在github上面

首先去github上新建一个repository,点击new

输入网站名称,必须和你github的名称一样,再加上“.github.io“

直接输入如下命令

hugo --theme=ezhil --baseUrl="http://zoey686.github.io/" --buildDrafts
cd public
git init
git add .
git comment -m "first my blog"
git remote add origin https://github.com/zoey686/zoey686.github.io.git

/*
如果说 origin存在
 git remote rm origin
*/

git push
/*没有push成功的话
git push -u origin master
*/

然后我们就可以通过zoey686.github.io进行访问我们搭建的网站了

Ubuntu搭建hugo博客的更多相关文章

  1. Hugo + Github Pages 搭建个人博客

    尝试过 Hexo .GatsbyJs. Vuepress 搭建博客后,对这些工具最大的不满,就是运行速度以及打包速度. 后来看到 Hugo ,号称最快的静态站点生成器后. 尝试搭建博客,发现不管是运行 ...

  2. 用hugo搭建个人博客

    这几天研究了用hugo搭建个人博客. 简单的整理了一下. 1.安装hugo(windows 请查看官网介绍 https://gohugo.io/getting-started/installing/) ...

  3. 利用 Hexo 或者 hugo 搭建个人博客

    我们无法选择生活的样子,但我们可以记下来. 博客的开始 其实,一切都是为了更好的装逼.好吧,我着相了. 最开始想做一个自己博客,主要是因为看到了很多人都有,觉得自己没有太 Low 了.于是申请了 CS ...

  4. 如何用hugo搭建个人博客

    如何用hugo搭建个人博客 1. 安装 Hugo 点击跳转 Hugo Releases win10 步骤: 下载解压 , 然后添加环境变量 测试: #命令行测试 hugo version 2. 创建站 ...

  5. Ubuntu+Hexo+Github搭建个人博客

    Ubuntu+Hexo+Github搭建个人博客 目录 目录 目录 1. 简介 环境 2. Git安装及配置 2.1 安装Git 2.2 创建Git仓库 2.3 配置git仓库 2.4 添加公钥 3. ...

  6. Hugo+Github 搭建个人博客(Windows环境下)

    目录 Hugo+Github 搭建个人博客(Windows环境下) 1.前言 2.Differences 2.1 https vs SSH 2.2 新建的github的仓库名必须为 用户名+githu ...

  7. 【一】Ubuntu14.04+Jekyll+Github Pages搭建静态博客

    本系列有五篇:分别是 [一]Ubuntu14.04+Jekyll+Github Pages搭建静态博客:主要是安装方面 [二]jekyll 的使用 :主要是jekyll的配置 [三]Markdown+ ...

  8. 使用Hexo搭建个人博客的终极资料

    一.前言 Hexo 是一个基于 NodeJs 博客框架,可以快速的帮我们搭建一个博客系统,Hexo使用的是Markdown(下文简称MD)解析文章的,在几秒内即可利用靓丽的主体生成静态网页. 推荐使用 ...

  9. 基于Hexo+Node.js+github+coding搭建个人博客——基础篇

    附上个人教程:http://www.ookamiantd.top/2017/build-blog-hexo-base/ 搭建此博客的动机以及好处在此就不多谈了,之前已经表达过,详情请看Start My ...

随机推荐

  1. LINE_NO in format of XXXX example -> Line 10 is 0010

    select case when length(line_no) = 1 then to_char(line_no) when length(line_no) = 2 then '00' || lin ...

  2. 使用scratchbox2建立交叉编译环境

    使用scratchbox2建立交叉编译环境,使交叉编译不再烦人..... os:ubuntu 12.04.4 x64 1. 安装相关工具sudo apt-get install debootstrap ...

  3. Uncaught (in promise)

    Uncaught (in promise) 使用es6的promise时候,有时候会出现如下错误: 这是因为,使用定义promise方法的时候,reject了,但是,在使用的地方没有用catch进行接 ...

  4. ***R(TCP over UDP,UDP over TCP)

    https://github.com/breakwa11/shadowsocks-rss

  5. 关于防范csrf攻击基于token鉴权

    在web开发中,之前都使用cookie + session方式来实现身份认证鉴权.但是现在前后端分离,以及终端有可能不支持cookie的情况下,一般都采用token方式.现在系统设计思路如下: 服务端 ...

  6. JavaScript规定了几种语言类型?

    JavaScript中的每一个值都有它自己的类型,JavaScript规定了七种语言类型: 1.Undefined 2.Null 3.Boolean 4.String 5.Number 6.Symbo ...

  7. Hive学习之路(二)—— Linux环境下Hive的安装部署

    一.安装Hive 1.1 下载并解压 下载所需版本的Hive,这里我下载版本为cdh5.15.2.下载地址:http://archive.cloudera.com/cdh5/cdh/5/ # 下载后进 ...

  8. js获取radio选中索引值

    <form name="form1" onsubmit="return foo()"> <input type="radio&quo ...

  9. 【过时】Maven简单安装与集成Eclipse

    前言:MyEclipse前期产品对maven支持性不是很好,而且对maven版本要求很严格,集成后有很多问题,所以推荐 使用比较新的IDE进行开发. 1.环境搭建(只是用IDE集成的不需要系统安装,请 ...

  10. pytest 安装和入门

    安装pytest 1.在命令行中运行以下命令: pip install -U pytest 2.检查已经安装的版本: pytest --version This is pytest version 3 ...